一.网页的基本组成部分:图片、文字、音频、视频、链接。
二.五大常用浏览器:谷歌(Google)、火狐(Firefox)、IE、欧朋(opera)、safari。
三.浏览器内核:Trident(IE内核)、Gecko(火狐)、webkit(safari)、chromium/Blink(谷歌)、presto(欧朋)。
四.web标准的好处:
1.发展前景更开阔。
2.更广泛设备的访问。
3.更容易被搜索引擎搜索。
4.降低流量费用。
5.提高页面访问速度。
6.利于网站的维护。
五. 1.结构标准:框架。对网页元素整理和分类。
2.样式标准:CSS。设置网页元素的版本,颜色,大小等外观样式。
3.行为标准:JS。网页模型的定义及交互的编写。
六.HTML标签分类:双标签和单标签
标签的关系:嵌套、并列
标签的语义化:
1.方便代码的阅读与维护。
2.让浏览器更好的解析,分析其中内容
七.字符集:UTF-8、gb2312(中文简体大陆使用)、BIG(港澳台)、GBK(全部中文)
标签:<h1></h1>……<h6></h6>
段落标签:<p></p> 水平线标签:<hr /> 换行标签:<br /> div span标签
文本格式化标签:<b></b> 加粗 <strong></strong>、<i></i> 倾斜<em></em>、<u></u>下划线<ins></ins>、<s></s>删除线<del></del>
图像标签:<img src=" "/> | ||
---|---|---|
属性 | 属性值 | 描述 |
src | URL地址 | 路径 |
alt | 文本 | 图像无法显示时替换文本 |
title | 文本 | 鼠标悬停的显示 |
width | 像素(px) | 宽 |
height | 像素(px) | 高 |
border | 像素(px) | 边框 |
链接标签:<a> </a>
<a href="跳转目标" target="目标窗口弹出方式"> </a>
traget: self:默认值 blank:新窗口打开
注意:1.外部链接,添加网址(复制,切勿手打)
2.内部;链接内部页面即可
3.没有确定的链接目标时,href属性设置为"#"
4.链接不仅为文本,图片、音、视频都可
锚点定位:快速定位到目标内容
1.使用<a href="# id名">链接文本 </a>
2.使用相应的id名标注跳转目标的位置
base标签:可设置整体链接的打开状态,可设置所有的都在新窗口打开,写在<head>中
<base target="_blank"/>
注释标签: <!--注释内容-->
八 .标签属性:
1.可有多个属性,必须写在开始菜单标签中,位于标签后。
2.属性不分先后,属性与属性之间以空格隔开。
3.任何标签属性都有默认值。
九.路径
1.相对路径:①同一文件夹直接输入文件名称
②下级文件输入文件夹名和文件名,用"/"隔开
③上级文件,在文件名之前加入"../"
2.绝对路径:一个完整的网络地址
十.表格属性
属性名 | 含义 | 常用属性值 |
border | 设置表格的边框(默认border="0"无边框) | 像素值 |
cellspacing | 设置单元格与单元格边框之间的空白距离 | 像素值(默认为2像素) |
cellpadding | 设置单元格内容与单元格边框之间的空白距离 | 像素值(默认为1像素) |
width | 设置表格的宽度 | 像素值 |
height | 设置表格的高度 | 像素值 |
align | 设置表格在网页中的水平对齐方式 | left、center、right |
表头标签:一般位于表格的第一行或第一列。用标签<th></th>代替相应单元格标签<td></td>
表格标题:caption