1.浏览器:
网页构成:title 主题,题目
url 是网址
body 是网站内容
body 内容靠代码实现
html语言又称为超文本标记语言
2.网页基本骨架:
<!doctype html> (文档类型申明,H5特有)
<html> (网页标签)
<head> (头部标签)
<meta charset="UTF-8"> (国内编码,如果汉字出现乱码,是因为文字编码不同导致)
<title></title> (标题标签)
</head>
<body> (主体标签)
</body>
</html>
3.标签
结构:<+ 标签名+>
标签分为双标签和单标签
双标签 又分为 开始标签 和 结束标签, 两个标签之间的是内容。
双标签:html 、title 、head 、body 、
h1~h6 ( 标签标签 )、p( 段落标签 )、a (超链接标签)、
b (加粗标签) strong被H5 舍弃了、 i (倾斜标签)、u(下划线)、
sup(上标标签)、sub(下表标签)、em(小图标)、
div(盒子标签)、 span(内敛标签)、table(表格)等
单标签:<img/> (图片) 、<hr/>(分割线)、<br/>(换行)、<meta/>(网页元信息)
<a>:
a 超链接
<a href=””>百度一下</a>
a 两个属性 一个是 href 值是需要跳转的页面地址
另一个是target跳转页面打开的方式 _blank _self(默认的)
html特有的注释: <!--被注释的内容-->
4.img
图片 资源 本地资源网络资源
目录:当前目录(./)和上一级目录(../)
Src 属性是图片的路径
Width height 单位是px
5.起名方式
(1)标签名
(2)id 起名,但使用时要加 #
(3)class 起名,但使用时要加 .
起名的目的是为了给她添加样式 , style 是 给他添加样式的属性,但是他要写到 head 标签 之间。
属性: 代表事物的一些特征。比如 : width height color background 等
书写规范 {} 是 shift+[ 打出来 {}
起名规范: 不能用汉字起名,第一个字母不能是特殊符号 ,必须是英文
6.表格
格式:
<table>
<tr>(行)
<td>(单元格)
</td>
</tr>
</table>
Border 是决定边框粗细的属性 cellspacing 是单元格空间的属性 cellpadding 是单元格内部的边距的属性。
Img插入table中出现留白,就使用 vertical-align:middle; 解决
colspan 水平合并单元格的个数
rowspan 垂直合并单元格的个数
Table里套table,记得用id 另外设置格式,防止出现错误!