HTML(Hypertext Markup Language)即超文本标记语言,它是不需要编译直接由浏览器执行的,html是一个文本文件,后缀名必须写成.html或者.xml,HTML对大小写不敏感。
Html的基本格式:(注释内容放在<!-- -->里面)
在文本的首行声明文本类型,语句为:<!DOCTYPE HTML>.
有时候页面会出现乱码,这时候需要设置编码格式,语句写在head标签里面
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8” />
HTML里面会有许多的标签,标签里面会有属性,属性会被赋值,下面来具体学习学习。
一、HTML基础
1、文字和段落标签
1、标题标签:<h1></h1>~~~~<h6></h6>字体一次缩小
2、段落标签:<p align=”left”></p> 其中align的属性值有left、right、center、justify四种
3、<br> 是单标签,换行标签; 表示空格;<pre></pre>可以保留编辑的样式。
4、水平线:<hr/> 属性值:width=”80%”、color、center、noshade(设置水平线无阴影)
5、文字修饰标签:
文字斜体:<i></i>,<em></em>
加粗 :<b></b>,<strong></strong>
下标 :<sub></sub>
上标 :<sup></sup>
下划线 :<ins></ins>
删除线 :<del></del>
6、特殊符号:2、列表标签
1、无序列表代码格式:
<ul type="disc"> type属性值表示无序列表项前面的小符号形状。disc(小圆点,默认)square(正方形)
<li>无序列表项</li> circle(空心圆)
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
2、有序列表
<ol type = "1"> 1(数字)、A(大写字母)、a(小写字母)、i(小写罗马)、I(大写罗马)
<li>有序列表项</li>
<li>有序列表项</li>
</ol>
3、定义列表
<dl> dl、dt、dd同时使用,一个dt可以多个dd
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
</dl>
3、图像和超链接
<img src="url" alt ="" ·······/>
超链接:<a href="" >内容</a>
定义锚 同一页面:
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="" name = "锚名1"> 内容 </a>
xxxxxxxxxxxxx
<a href="" name = "锚名2"> 内容 </a>
定义锚 不同页面: <a href="网页名#锚名">.....</a>
电子邮件链接:<a href="mailto:邮件地址">....</a>