Day-21总结
2019-07-01 本文已影响0人
SheeranED
- 1.标签的语法
html中的标签分为两种：双标签与单标签
1）语法
双标签：<标签名 属性名1=属性值1 属性名2=属性值2 ...>标签内容</标签名>
单标签：<标签名 属性名1=属性值1 属性名2=属性值2 ...> 或者 <标签名 属性名1=属性值1 属性名2=属性值2 .../>
2）说明
标签名 - a.标签名不能自己随便命名，只能使用当前html版本提供的标签名；不同的内容对应的标签不一样。
b.哪些标签是单标签哪些是双标签是固定的，无法改变
c.标签名前不能随便加空格
属性 - a.哪些标签有哪些属性是确定的，属性名和属性值之间用=连接，多个属性之间用空格隔开
b.如果有多个属性，顺序可以改变
c.html中所有属性的值都必须用引号引起来，不管类型
标签内容 - a.指的是双标签开始标签与结束标签中间的部分；双标签的内容中可以放任何东西
b.双标签的内容中可以放任何东西(文字，也可以别的一个或者多个标签) - 2.head中的标签：
meta - 元数据，主要做一些网站设置性的工作
title - 设置网页的标题
link - 导入文件（设置网页图标，导入外部样式）
style -
base -
script -
设置网页图标
rel - 被导入的文件的作用，例如：stylesheet（样式表）、icon（网页图标）
type - 对被导入的文件的类型进行说明，文件类型/文件后缀
text/css(文本文件，后缀是.css)
href - 文件路径 - 1.标题标签：h1 - h6
当文本内容意义是标题时候才选择标题标签
2.段落标签：p
一段文字如果表示一个段落就用p标签
3.网页中换行和空格
在html中手动输入换行和空格无效
1）强制换行:
单标签
在网页中需要强制换行的位置加
2)空格符号： - 空一格像素
- 空一格空格
4.font标签：font
表示一段文字，这段文字可以和别的网页内容同行显示
水平线：
单标签
6.文字效果
加粗：b标签和strong标签,strong有强调的意思
倾斜：i标签和em标签，em有强调的意思
列表标签：
网页中多个内容的意义是一样的，或者表示一个分类下的具体内容等...
1.无序列表 ul标签，li标签
ul标签 - 代表整个容器
li标签 - 代表列表中的元素
2.有序列表：ol标签，li标签
ol标签 - 代表整个容器
li标签 - 代表列表中的元素
3.自定义列表：dl标签，dt标签，dd标签
dl标签 - 代表整个容器
dt标签 - 代表分祖名
dd标签 - 代表每个元素
1.图片标签：img
单标签
src属性 - 图片的地址（可以是网络图片地址也可以是本地图片地址）
title属性 - 设置图片标题（鼠标悬停在图片上显示的文字）
alt属性 - 图片加载失败时的提示语
2.超链接：a
可以点击后跳转到其他网页的内容基本都是超链接
<a href="">标签内容</a>
1)标签内容
文字超链接
2）href属性 - 决定跳转到哪个位置
a.网络地址 - 跳转到指定页面
b.本地html文件地址 - 跳转到指定的本地页面
c.选择器 - 在当前页面中跳转到指定的位置
d.空 - 刷新页面
3）target属性
_self(默认) - 在当前页面中加载新的内容
_blank - 在新页面中加载新的内容
表格标签：table，tr，td
table标签 - 代表整个表格
border属性 - 边框线的大小
ellspacing - 表示单元格与单元格之间的间隙
align - 设置对齐的方式：left（默认）center，right
设置整个表格在其父标签中的对齐方式
width属性 - 设置整个表格的宽度（单位是像素）
height属性 - 设置整个表格的高度
cellpadding - 设置内容到单元格上下左右之间的间距
bordercolor - 边框线的颜色
bgcolor - 设置整个表格的背景颜色
tr标签 - 代表表格中的某一行
align - 设置当前行中所有的对齐方式
height - 设置一行的高度
bgcolor - 设置一行的背景颜色
td标签 - 代表表格中一个单元格
align - 设置当前单元格中所有的对齐方式
winth - 设置当前单元格所在列的宽度
bgcolor - 设置一个单元格的背景颜色
补充：html中的颜色
1)颜色单词
2）#RGB十六进制，0-255 -> 00 - ff #ffffff #0000ff
