HTML的主体结构、单双标签的分类以及HTML的属性规范

HTML5 主体结构(重中之重)

<!--告诉浏览器以html5的方式来解析此文档-->
<!DOCTYPE  html>
<!--html文档开始标签-->
<html>
      <!--头部标签-->
      <head>
            <!--头部--标题标签-->
            <title>京东~爱淘宝</title>
            <!--设置字符集密码-->
            <meta charset="utf-8"/>
      </head>
      <!--主体结构-->
      <body>
      		<h1>爱生活、爱淘宝</h1>
      </body>
<!--html文档结束标签-->
</html>

HTML标签

HTML根据功能结构来分:分为单标签和双标签
单标签

(1)<meta/>元信息
(2)<br/>换行标签
(3)<hr/>水平线
(4)<img/>图片标签
(5)<link/>引入标签
(6)<base/>base标签

双标签

(1)<head></head>头部标签
(2)<body></body>主体可视标签
(3)<html></html>页面标签
(4)<font></font>字体标签
(5)<h1></h1>~<h6></h6>标题标签
(6)<title></title>页面标题
(7)<div></div>盒子标签
(8)<p></p>段落标签
(9)<span></span>空元素
(10)<em></em><i></i>斜体字体
(11)<strong></strong><b></b>加粗字体
(12)<ul>无序列表
		<li></li>
	</ul>
(13)<ol>有序列表
		<li></li>
	</ol>
(14)<dl>
		<dt>儿子</dt>
		<dd>女儿</dd>
	</dl>
(15)<a href=""></a>超链接标签
(16)<iframe></iframe>内联框架

HTML属性

1、HTML属性一般存在于标签里
2、HTML属性值要放在双引号里
3、一个HTML标签里可以存放多个HTML属性
4、属性值为数字时,数字外可以不加引号

格式为:<标签名 属性1=“属性值1” 属性2=“属性值2”>要显示到页面中的内容</标签名>

HTML是否区分大小写:HTML不区分大小写,但推荐小写

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值