第一章

结构:
<!DOCTYPT html> //声明
<meta charset="UTF-8"> //描述网页的摘要信息
<html>
<head>
<title>页面标题<title>
</head>
<body>

主题内容

</body>
</html>

meta标签中charset属性编码:
①gb2321:简体中文,一般用于包含中文和英文的页面
②ISO-885901:纯英文,一般用于只包含英文的页面
③big5:
④UTF-8:国际性通用的字符编码,同样适用于中文和英文的页面。和gb2321相比,国际通用性更好


<h1>到<h6> 从大到小
<Strong>加粗
<b>加粗
</br>强制换行
<em>斜体
<p>段落标签
<hr/>水平线
<s>划掉
<u>下划线
<!---->注释

特殊符号:
&nbsp空格
&gt大于(>)
&lt小于(<)
&quot引号(")
&copy版权符号(@)

常见的图片格式
gif
png
jpg
bmp

图片标签的基本语法:
<img src = "图片位置" alt = "图像的替代文字" title = "鼠标悬停显示文字" width = "图片宽度" height = "图片高度"/>

超链接方法:
<a href = "链接地址" target = "目标窗口位置">链接文本或图像 </a>
常用的取值有_self(自身窗口打开) _blank(新建窗口打开)
链接地址为"#"的时候是空链接

绝对路径:
指向目标地址的完整描述,一般指向本站点外的文件
<a href = "http://www.sohu.com/index.html">搜狐</a>

color = "颜色"
<font size = "10">字体</font> 更改字体的大小

*绝对路径:对路径的完整描述
*相对路径:相对描述的路径
页面间的链接
锚链接
(1)空连接:
<a href = "#">xxx</a>
(2)跳转锚链接
<a href = "ABC" > 目标位置</a>
<a href = "#ABC" > 当前位置</a>
功能性链接


页面跳转
<img src = "图片地址"/>
<a href = "#" name = "start">目标位置</a>
接收
<a href = "文件名.html#start">目标位置</a>

*<a href = "网页.html.标记">目标位置</a>

猜你喜欢

转载自www.cnblogs.com/x-Zhang/p/8988209.html