概述
1、Html就是超文本标记语言的简写,是最基础的网页语言
2、Html是通过标签来定义的语言,代码都是由标签所组成
3、Html代码不用区分大小写
4、Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成
5、头部分是给Html页面增加一些辅助或者属性信息
6、身体部分是真正存放页面数据的地方
多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容,可以在标签内结束。例如<br />
想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性的改变,增加了更多的效果选择。
属性与属性值之间用”=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或者公司规定书写规范
格式:
<标签名 属性名=“属性值”>数据内容</标签名>
<标签名 属性名=“属性值”/>
操作思想:
为了操作数据,都需要对数据进行不同的标签封装,通过标签中的属性对封装的数据进行操作,标签就相当于一个容器,对容器中的数据进行操作,就是在不断的改变容器的属性值。
字体标签:<font>
例:<font size=5 color=red>字体标签示例</font>
注:简单颜色可以直接写对应的英文,复杂的颜色用16进制表示,表现形式#FF0000两个数为一组,按红、绿、蓝排列,如:#00FF00表示绿色,建议用工具选取
标题标签:<h1><h2>…<h6>
因为标题是文本中常用的内容,为了方便操作而定义,使文章排版更加清晰。
特殊字符:
如果要在网页上显示一些特殊符号,比如< > &等,因为这些符号在代码中会被浏览器识别并解释,所以用一些特殊的方式来表示
列表标签: <dl>
<dt>:上层标签
<dd>:下层标签
<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
<dd>下层项目</dd>
<dd>下层项目</dd>
</dl>
列表中项目符号对应的标签
<ol>:数字标签(a A I i 1 )
<ul>:符号标签(circle disc square)
<li>:具体项目内容标签:此标签在<ol><ul>中有效
通过type属性修改项目符号,如果想做出效果更好的列表,如:黑色圆点用图片表示,就会用到CSS。
例:
<ol type="1">
<li>游戏名称</li><code></code>
<ol type="a">
<li>War1</li>
<li>War2</li>
<li>War3</li>
</ol>
<li>游戏说明</li>
<ol type="a">
<li>War1INTRO</li>
<li>War2INTRO</li>
<li>War3INTRO</li>
</ol>
</ol>
图像标签: <img>
<img src=”../dir/file” style="CURSOR: pointer">复制代码