HTML的代码规范

HTML

代码》浏览器渲染》网页画面

  • 基本结构

  • 文本标签

  • 链接标签

  • 图片标签

  • 表格标签

  • 表单标签(重点)

  • 布局标签

  • 框架标签

  • 其他

    基本结构

    html超文本标记语言:标签

    • 标签(标记):<>

      单标签:<标签名 />
      双标签:<标签名(开始标签)>内容</标签名(结束标签)>

    html基本结构:

    
    <html>根节点
        <head>头部标签:描述,编码,引用 头部标签中的内容不会再网页显示区出
            <meta>编码
            <title>标题
        </head>
      <body>
            	网页显示区要出现的内容
            </body>
    </html>
    

练习:

记事本去编写第一个HTML页面,要求
页面标题:我的第一个web页面
主体内容:Hello World

  • 标签间的关系:

    ​ 嵌套:父标签与子标签:针对于标签。都是

    ​ 的子标签,子标签要写在父标签的内部,html就是head与body的父标签,父节点。

    ​ 并行:head与body

Hbuilder下载地址:https://www.dcloud.io/

标签的组成

  • <标签名 属性1=“属性值” 属性2=“属性值2”/>
  • 文本标签:

  1. 标题标签 h1 -h6
  2. 段落标签p(paragraph)
  3. 格式化pre
  4. font
  5. i ,b,u,s
  6. em,strong,ins,del

特殊字符

空白符:&nbsp;
小于号:&lt;
大于号:&gt;
and符号:&amp;
人民币:&yen;
版权:&cop;
注册商标:&reg;
摄氏度:&deg;
正负号:&plusmn;
乘:&times;
除:&divide;
平方:&sup2;
立方:&sup3;

W3C手册中文官网:

https://www.w3school.com.cn/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值