HTML的文档结构及常用标签

HTML的文档结构

<!--这是一个文档声明,下面的声明表示这是使用html5版本进行编写-->
<!doctype html>
<!--html标签叫根标签
	每个网页只能有一个根标签
	所有内容都要写在根标签内部
-->
<html>
 <!--head标签是根标签的一个子标签
	 这里的内容不会在网页中显示
 -->
 <head>
  <!--title标签里的内容是网页的名字-->
  <title>这是我的第一个博客</title>
  <!--meta标签用来设置网页的一些元数据,如字符集
  	  字符集能将写的东西转化成计算机能读懂的内容
  	  utf-8是一种万国码,能支持地球上所有的文字
  -->
  <meta charset="utf-8"/>
  <!--body标签也是根标签的一个子标签
	  想让用户看到的信息都在body标签里书写
  -->
  <body>
  <!--在body标签里写正文部分-->
  <p>HelloWorld</p>
  </body>
 </head>
</html>

HTML的属性

1.属性的书写方法
<!--1.属性名="属性值",这是常用形式-->
<p title="这是我的第一个博客"></p>
<!--2.属性名='属性值',当属性值里有双引号时,可用单引号将属性值引起来-->
<p title='这是一个"HelloWorld"网页'></p>
<!--3.属性名=属性值,这种写法不建议使用-->

HTML的常用标签

<!--在HTML中,一共有六级标题
    从h1到h6,字体大小由大变小,重要性逐层递减,即h1最为重要
    一般页面在标题标签中只使用h1,h2,h3,h3以后基本不使用
-->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
<!--段落标签
	使用p标签表示一个段落
	p标签中的文字独占一行,且段与段之间会有一个间距
-->
<p>我用来表示一个段落</p>
<!--在页面中可以用一个br标签表示换行-->
<p>锄禾日当午<br />
   汗滴禾下土<br />
   谁知盘中餐<br />
   粒粒皆辛苦<br />
</p>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值