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=""(代表一个上一级,上一级的上一级表示为/))
绝对路径:从盘符开始的路径(img src="E:/HTML/图像与链接/img/1.jpg")
alt=" ":由于网速过慢、src属性中的错误、浏览器禁用图像导致用户无法查看图像,此属 性可以代替图像显示在浏览器中的内容width=" ":宽度,单位px表示显示的像素个数,%表示在其所在容器内的所占比例(不增加该属性即为图片原宽度)height=" ":长度,单位px表示显示的像素个数,%表示在其所在容器内的所占比例(不增加该属性即为图片原高度)
2、超链接
链接地址为#时为空链接,保留链接所具有的一些效果,但无法跳转_self:当前窗口打开目标窗口_blank:创建新窗口打开目标窗口
3、锚链接(同页面)
方法:1、定义锚的位置和锚名
2、设置寻找锚的链接
4、锚链接(不同页面)
5、链接扩展功能
1、电子邮件
如想成功打开邮箱,需在本机已装有邮箱软件
2、文件下载
下载文件要压缩,直接写下载的文件名会打开文件
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60339.shtml