HTML第一节

认识标签

标签

	1.标签的作用是用来给网页的内容添加语义的.（标准）
	2. 标签的作用是用来给网页的内容添加语义的(seo).(标准)
	3. seo -> 搜索引擎优化 -> 为了提升网站的访问量

html:

• 超文本标记语言.(写标签的语言)
• html后缀名的文件就是我们的网页文件。
• 做网页就是编写html文件。

标签一定需要正确的闭合

• 双标签一定需要写闭标签
• 闭标签一定要写 /
• 标签是有开，有关，成对出现
• 双标签也需要闭合

<p id='wrap'>这是一个段落</p>
   <p>这是第二个段落</p>

标签从结构上分两种标签：

• 双标签 >有开标签和闭标签。
• 单标签 >没有开标签和闭标签的区别

标签的属性

• 类似 id class style 这类也叫全局属性，除此之外还有标签的私有属性。
• 全局属性是指所有标签都可以用的，详细看菜鸟教程里的。
• 还有标签的事件属性

<p id='wrap' class='box' style='width:100px' abc >这是一个段落</p>

标签的嵌套关系

• 有嵌套和并列的关系
• 标签里面放标签就是标签的嵌套
• 有嵌套和并列的关系

    <p>啊啊啊啊啊啊</p>
   <!-- 这里的内容是"啊啊啊啊啊啊" -->

   <!-- input和p在这里是嵌套关系 -->
   <!-- 这里p是父元素(标签),input是子元素(标签) -->

   <p>
       这是一个按钮：<input type='button' value='按钮' />
   </p>

   <!-- 标签里面放标签就是标签的嵌套.为什么要这样做? -->
   <!-- 搬家时,为什么把多个小盒子放到一个大的盒子里面,然后搬上车? -->

   <div>
       <p>
           这是一个按钮：<input type='button' value='按钮' />
       </p>
   </div>

   <div>
       <p>1</p>
       <p>2</p>
       <p>3</p>
       <p>4</p>
   </div>

   <!-- 这里p是div的子元素,同时又是input的父元素 -->
   <!-- 这里,p和input是div的后代元素 -->
   <!-- 后代元素包括子元素 -->
   <!-- 书写嵌套的标签,子元素应该缩进一格 按tab键 -->
   <!-- 反缩进 -> 按shift+tab -->

   <div>8888</div>
   <div>9999</div>
   <!-- 这里两个div是并列关系,他们互为兄弟元素. -->
   <!-- 兄弟元素需要对齐 -->

标签	意义
<P>	代表文字段落
<input />	代表按钮