• html之入门篇--第一篇


    1.html的定义:一种描述网页的语言,属于一种标记语言。

    2.html编辑器:推荐使用notepad++,当然普通的电脑记事本也是可以使用的,只需保存时,保存为.html文件即可。

    3.简单实例一:

    <!doctype html>
    <!--声明文档的解析类型,一般html文件要含有,不区分大小写,即DOCTYPE也是可以的-->
    <html>
    <head>
    <meta charset ="utf-8">
    <!--定义html文件以uft-8编码保存-->
    <title>简单实例一</title>
    <!--定义web的标题-->
    </head>
    <body>
    <!--body部分是主要实现代码的部分,类似c中的main函数-->
    <h1>我的第一个标题</h1>
    <!--web内容中的标题,默认为粗体,1代表为第一条标题-->
    <p>我的第一个段落</p>
    <!--定义文本中的段落-->
    </body>
    </html>

    实现效果如下:

    注意:html中注释代码通过<!--注释内容-->形式。

    4.简单实例二---定义链接和图片

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>图像和链接实例</title>
    </head>
    <body>

    <a href="http://www.cnblogs.com/xy95/">这是我的博客链接</a>
    <!--实现链接的模板为: <a href="链接地址">+文本(图像)+</a> -->
    <br/>
    <!--这个代表换行-->
    <img src="test2.png" width="150" height="150"/>
    <!--显示图片的模板为: <img src="图片地址" width="图片宽度" height="图片高度"/> -->
    <br/>

    <a href="http://www.cnblogs.com/xy95/"><img src="test2.png" width="50" height="50"/></a>
    <!--这是一个通过图片点击的链接,实际上把链接模板中的文本换成图片即可-->
    </body>
    </html>

    实现效果:

    注意事项:图片定义时,地址一定要声明好,最好把文件和图像放在同一路径下,否则应该要声明图像地址,如/html/test.png之类。

  • 相关阅读:
    后端返回文件流 前端处理方法
    证书profile 申请
    uniapp 报错 签名不对 请检查签名是否与开放平台上填写的一致
    微信开放平台创建应用如何填写官网
    防抖和节流笔记二
    防抖和节流笔记一
    如何申请ios证书
    textarea 固定大小,滚动条,限制拖动,文字对齐
    根据角色获取用户组
    号码验证
  • 原文地址:https://www.cnblogs.com/xy95/p/5787730.html
Copyright © 2020-2023  润新知