HTML基础

HTML基础:
Html是一种超文本标记语言 HyperText Markup Language。

其特点是：
1、html不需要编译，直接通过浏览器展现；
2、html是一个文本文件；
3、必须使用html/htm作为文件的后缀名；
4、大小写不敏感；

Html的基本结构包含三部份：
1、头部信息 测试
2、网页内容 网页主体内容
3、整个html文件

HTML标签的属性
语法：<标签名 属性名1=”属性值1” 属性名2=”属性值2” …>内容</标签名>

文档类型声明：DOCTYPE
1、<!DOCTYPE>声明必须放在HTML文档的第一行；
2、<!DOCTYPE>声明不是HTML标签

网页编码设置：当网页显示出现乱码的解决方式是在之间添加处理中文乱码的标签：
字符编码有：utf-8(用的比较多), gbk, gb2312, iso 8859-1

文字和段落
标题标签：<h1></h1>~<h6></h6>
段落标签：<p></p>
align:对齐方式的属性有：left, right, center, justify;

注意： 换行标签<br/> 注释快捷键：ctr+/ 预编译标签：<pre></pre>

修饰符标签
1、 水平线

---

2、 文字斜体 或者
3、 加粗 或
4、 下标
_{5、 上标}

特殊符号：
1、 小于号：&lt
2、 大于号: &gt
3、 ®已注册: &reg
4、 ©版权: &copy
5、 TM商标:&trade
6、 空格space:  

列表标签
1、 无序列表 ul
Type属性:
① 圆点：disc
② 正方形：square
③ 空心圆：circle
2、 有序列表 ol
Type属性：
① 数字：1、2、3、、、、、
② 小写字母：a,b,c,、、、、、
③ 大写字母：A,B,C,、、、、
④ 大写的罗马数字：I II III、、、、、
⑤ 小写罗马数字i ii iii、、、、
3、 定义列表 dl
dl > dt(列表项名字)/dd（具体列表内容）：定义标签里可以有多个dt(dt可以包含dd)，对于每一个dt可以有多个dd.

图像
语法：<img src=”” alt=””/>
Img属性：1、src=”url” 显示图像的地址；
2、alt=”文字” 显示图像不能显示时显示的文字；
3、height=”数值px”/”百分比%” 图像的高；
4、width=”数值px”/”百分比%” 图像的宽；

src属性涉及到图像的路径问题：
1、 绝对路径：指的是具体盘符下的具体地址；
2、 相对路径：指的是想读与当前文件的图片路径：
① 处在同意目录：<img=”1.jpg”>
② 图片处于文件上一级同级文件夹下：<img=”…/文件名/1.jpg”>
③ 图片处于文件的下一级：<img=”文件名/1.jpg”>
alt属性：
会显示出现时有三种原因：1、网速太慢
2、src属性值错误
3、用户无法查看图像

图像链接举例如下：

 <img src=”1.jpg” alt=”图像找不到” width=”100px“ height=”100px”>
 <img src=”1.jpg” alt=”图像找不到” width=”20%”  height=”10%”>

超链接
语法：
href链接可以是内部链接，也可以是外部链接；
内部链接语法：

<a href=”demo.html>
<img src=”1.jpg” alt=”无图片” width=”100px” height=”100px”>
</a>

(内部链接是demo.html，通过点击1.jpg实现跳转效果)
外部链接语法：

<a href=”http://www.baidu.com/”>
    <h1>打开百度</h1>
 </a>

注意：#表示超链接，点击后还是当前页面，表示空连接；

Target表示链接的目标窗口出现方式：
1、 _self 默认打开当面页面
2、 _blank 点击后另外出现页面
3、 _top 点击后出现的页面在最上面
4、 _parent 点击后出现的页面在当前页面上一层

锚链接：
语法：

<a href=”” >内容</a> -- 同一个页面内
（①	href;②name)
<a href=”#锚点”>目录</a>
        <a href=”内容” name=”锚点”>内容</a>

电子邮件链接：<a href=mailto:电子邮箱>反馈意见</a>

下载文件的链接：<a href=”img.zip”>下载文件</a>