html简介_0

一、概念1.1超文本超文本是一种网络文本，它通过超链接的方式将各个空间的文本信息组织在一起。1.2标记

div将“helloworld”标记为块级元素的内容1.3语言标记语言：html、xml编程语言：java、c、python（强类型编程语言）js、php（弱类型编程语言）2、html的本质是一种在互联网上传输信息的协议。该协议规定了我们如何定义网页。程序员按照这个协议编写网页代码，浏览器按照这个协议解析程序员写的代码。代码。3.结构表示文档类型声明，指示该文档是一个Html5文档，并告诉浏览器如何呈现该文档。代表html文件的根标签，所有的html标签都应该位于html标签内。代表html的头部。head的内部标签主要用于设置或导入外部文件，一般不会直接显示在浏览器中。在浏览器视口中，常用的子标签有meta、title、link、script，分别代表元信息设置、文档标题、css、js。代表html的body，主要包含网页内容。其内容将显示在浏览器视口中4.语法4.1注释HTML有且只有这种注释4.2标签数量的元素单标签元素元素性质的双标签元素内联块元素逐个元素的功能4.3属性属性名不区分大小写，属性值区分大小写，可以用引号括起来核心属性大多数标签都有自己的属性自己的属性一个标签-具体属性5.单标签元素

---

alt属性：图片显示错误时，图片位置显示的文字。其实质就是用文字代替图片的内容。title属性：图片正常显示时，鼠标悬停在图片上时显示的文字。其实质是对图片的一种评论或描述。6、块元素的作用：构建网页结构特点：一行独占空间，默认宽度占父元素的100%，高度由子元素或内容决定，宽高可通过css为其指定实例：div(无意义的块元素)/html/body/h1~h6Title/p/ul>li/ol>li/dl>dt,dd七、内联元素的作用：填充内容结构中的网页特点：与其他内联元素共享同一行的空间宽高，不能自己确定通过css为其指定宽高，设置float后设置宽高，就变成了一个类似内联块级元素示例：span/a/video/audio/img（特殊内联元素）8.功能元素8.1表格格式：属性：border/cellspacing（单元格间距）/rowspan/colspan8.2forminput单行文本框type=textpasswordboxtype=passwordRadiobuttontype=radiocheckboxtype=checkboxattachmenttype=fileselecttextareabutton8.3iframe包含另一个文档的inlineframe9.语义化9.1概念语义化是指文本内容的结构化（内容语义），选择语义标签（代码语义）方便开发者阅读、维护和编写更优雅的代码，同时辅助搜索引擎有效地爬行。9.2功能摒弃css样式，页面也能呈现出清晰的结构。与搜索引擎建立良好的沟通有助于爬虫抓取更有效的信息：爬虫依靠标签来确定每个关键字的上下文和权重。方便其他设备解析标签意义上的网页。方便团队开发和维护，使代码更具可读性，减少差异化。9.3html5中的语义标签

定义了文章的介绍信息：title,logo,slogan；包目录部分、搜索框、导航或任何相关标志；一个页面中

的个数没有限制，可以为每个内容块添加一个header；