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并排显示(行内元素)