HTML骨架

本文只是复习HTML笔记

html 骨架:

DTD:文档类型定义,规定了使用哪个版本的html规范

html 标签:双标签,表示整个网页

head 标签: 配置HTML页面

　　title: 网页标题

　　meta :设置字符集 charset

body : 书写标签组成的网页

 

语法:

　　标签之间对空格,缩进,换行不敏感,对嵌套关系敏感

　　文本内容之间空白折叠现象

标签语法:

　　标签名必须书写在一对尖括号中

　　结束标签必须书写关闭符号/。

　　双标签是成对出现的

　　容器级标签：可以书写任何内容 h1

　　文本标签:　　只能书写文本类的内容不能书写容器级标签　　p

 

属性　　k="v"

 

h标签

　　h1~h6：容器标签，给文本添加标题语义

　　h系列标签之间不能互相嵌套

　　约定俗成：h1标签权重最大，我么一般将h1渲染logo，提高搜索引擎优化。

　　　　　　　一个网页只能出现一个h1标签，如果书写多个h1标签，浏览器会认为h1自动降级。

p标签

　　p:（English：paragraph）段落标签

　　作用：给文本添加段落语义

　　文本级标签，内部只能书写文本类的内容，文本、图片、表单元素、废弃元素

i标签　　文本表亲，倾斜

img标签

　　插入图片 （单标签）

　　src ：

　　　　相对路径：

　　　　　　同级查找：直接目标名称

　　　　　　子级查找：每一层之间用/隔开，/表示下一层

　　　　　　上级查找：../表示上一级（../只能书写在路径的开头）

　　　　绝对路径

　　alt ：图片加载失败是提示的文本

　　在设置图片大小时，只写一个width/height，会锁定宽高比值，但是要求网页加载速度，我们需要同时设置width和height

超级链接标签

　　a(English:　　anchor) :　　锚点

　　　　href :  　　属性值书写的是要跳转页面的路径(相对路径, 绝对路径, 加了前缀 http:// 或者 https:// 时时绝对路径)

　　　　　　　　　页面锚点跳转：　　属性值：文件名#id属性名　　

　　　　　　　　　例：<a href="#p1">页面内跳转锚点</a><a href="跨页面锚点跳转.html#p1"> | 跨页面内跳转锚点</a>

　　　　target :　　属性值设置页面打开方式

　　　　　　　　　默认值 :　　在当前窗口打开

　　　　　　　　　_blank ：　 在新窗口打开

　　　　title ：　　悬停提示文本

div和span

　　div：大盒子（将一些相同的内容或者是像是的内容书写在div中表示一个整体）

　　　　语义：大区域，大范围

　　　　div是容器标签，独占一行

　　span：小范围（文字）

　　　　文本级标签，多个span并排显示（行内元素）