一、介绍
1、HTML概念
- HTML（Hypertext Mark-up Language）即超文本标记语言
2.HTML特点
- HTML不需要编译，直接由浏览器执行
- HTML文件是一个文本文件
- HTML文件必须使用html或htm为文件名后缀
- HTML大小写不敏感，HTML与html一样
3.HTML基础语法
- HTML基本结构
- HTML标签属性
语法：<标签名 属性名1 = “属性值” 属性名2=“属性值”...> ...... </标签名>
二、文档段落
1、文档声名和META标签
- DOCTYPE文档类型声明：
< ! DOCTYPE>声明必须放在HTML文档第一行
< ! DOCTYPE>声明不是HTML标签
- 网页编码设置
问题：当网页出现乱码时
解决：在<head></head>标签之间添加：<meta http-equiv="Content-Type" content="text/html;charset=utf-8[1]“ />
2、文字和段落
- 标题标签：<h1></h1>~<h6></h6>
- 段落标签：<p></p>
- align对齐属性值：
- 换行标签：<br />
3、修饰标签和特殊符号
3.1修饰标签（仅部分）
- 文字斜体：<i></ i>、<em></em>
- 加粗：<b></ b>、<strong> </strong>
- 下标：<sub>
- 上标：<sup>
3.2特殊符号（仅部分）
三、列表标签
1、无序列表
2、有序列表
3、定义列表
- 定义标签内可有多个<dt>
- 对于每一个<dt>可有多个<dd>
- <dt>和<dd>是同级标签，不能相互嵌套
四、图像和链接
1、图像
注：HTML路径：相对路径：图片相对所作网页路径（同级文件夹引用：img src="1.jpg" 跨级引用：img src="../1.jpg"（../代表一个上一级，上一级的上一级表示为../../))
绝对路径：从盘符开始的路径（img src="E:/HTML/图像与链接/img/1.jpg")
- alt=" "：由于网速过慢、src属性中的错误、浏览器禁用图像导致用户无法查看图像，此属 性可以代替图像显示在浏览器中的内容
- width=" "：宽度，单位px表示显示的像素个数，%表示在其所在容器内的所占比例（不增加该属性即为图片原宽度）
- height=" "：长度，单位px表示显示的像素个数，%表示在其所在容器内的所占比例（不增加该属性即为图片原高度）
2、超链接
- _self：当前窗口打开目标窗口
- _blank：创建新窗口打开目标窗口
3、锚链接（同页面）
方法：1、定义锚的位置和锚名
2、设置寻找锚的链接
4、锚链接（不同页面）
5、链接扩展功能
1、电子邮件
2、文件下载
参考
- ^utf-8、GB2312、gbk等编码
扫一扫
2183
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
