HTML&CSS-Day01

一.HTML(HyperText Markup Language)超文本标记语言

前端三要素(三剑客)

(1)html 网页布局 标签

(2)css 层叠样式表 主要修饰html文档 给木偶化妆 穿衣服

(3)js 用于和网页动态交互 事件 请求数据

二.HTML语法:

1.注释 <!----> 便于代码阅读和维护 解释说明

2.属性 id class style title

3.空白语法 无数个空格会被浏览器解析为一个

4.字符实体 &nbsp; &lt; &gt; &quot; &copy;.......

2.元素分类

  （1）单标签元素，仅有一个标签,例如<meta /> 、<img />、<br/>

  （2）双标签元素，由开始标签和结束标签组成，例如<div></div>、<p></p>

  （3）块级元素

         作用：搭建网页结构

         特点： 独占一行空间， 默认宽度为100%， 高度由子元素或内容决定，可以通过css指定其宽度

         元素：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...

         建议：不要将块级元素嵌套在行内元素中。

  （4）行内元素

        作用：在结构中填充网页内容

        特点： 与其他行内元素共享一行空间，宽高由自身决定， 由于不用来搭建网页结构，所以也无需通过css指定其宽度，行内元素中不可以嵌套块元素

        元素：span、a、strong、b、i、em、sub、sup...

3.表格 表单(h5新增表单元素 h5新增表单属性) 列表标签 http协议

三.HTML特点

​        超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

​        1.简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。 

​        2.可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。 

​        3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。 

​        4.通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。