前端ABCHTML的学习：
1.HTML又可以叫做超文本标记(标签/元素)语言
要注意html是一种标记语言而不是一种编程语言。
HTML使用标记签来描述网页
HTML文档也可以叫做web页面
HTML文档包含了HTML标签和文本内容
2.HTML语言的基本组成单位
标签：单标签和双标签。注意标签是由尖括号包围起来的关键词，例如<html>
1.单标签的语法：<标签名/>
2.双标签的语法：<标签名>内容</标签>，在双标签中第一个标签被称为开始标签，第二个标签被称为结束标签。开始标签也可以被称为开放标签和闭合标签。
3.标签的属性：<标签名 标签属性=”属性值”/> <标签名 标签属性=”属性值”>内容</标签>。注意标签的属性可以是多个。
3.HTML的基本机构
1.<!DOCTYPE>声明
<!DOCTYPE> 声明有助于浏览器中正确显示网页。
在HTML5中声明通常写成以下形式
<!DOCTYPE html>(注意是通常都是写成这种形式的)
2.在写之前要注意一点:要注意网页的编码声明(utf-8),该编码可以防止使用中文出现乱码的情况。
3.基本机构 <!DOCTYPE html> ( 在H5中使用该声明)
<html>
<head>(头部:在头部主要写不需要在网页中显示的内容)
<title>内容</title>(网页的名称)
<meta charset=”utf-8″/>(编码声明)
</head>
<body>
//网页的主体，在浏览器中需要显示的内容
</body>
</html>
4.HTML中常用标签(大标签嵌套小标签)
①.双标签：
标题标签：h1 ,h2 ,h3 ,h4 ,h5 ,h6 。使用：<h1>标题</h2> ,<h2>标题</h2>……注意：一般在网页中h1标签只出现一次，其他的标题标签可以出现随意次数。
段落标签：p标签。使用：<p>内容</p>。注意：在使用p标签的时候多个段落需要使用多个p标签。例如：<p>这是一个段落</p> <p>这是一个段落2</p>
字体加粗标签：strong标签 ,b标签。使用：<strong>内容</strong>，<b>内容</b>。
字体倾斜标签：em标签 ，i标签。使用：<em>内容</em> ,<i>内容</i>。
span标签
区块标签：div标签 。使用：<div> </div>.。注意：在div标签中可以嵌套任意一个标签
列表标签：有序列表标签 ：ol标签，无序列表标签：ul标签，定义列表标签：dl标签。(具体内容可以见下文)
超链接标签：a标签。使用：<a href=”链接的地址(路径)” target=”_blank/_self”>文本或者图片</a>(具体内容可以见下文)
列表标签具体介绍：
有序列表：(默认显示的是1234…..，可以修改type属性来改变显示样式)
<ol type=”a” start=”3″ reverse>(type=”a”表示将顺序改为abc….。start=”3″表示从第三个开始。reverse表示倒序)
<li>列表项1</li>
…..
</ol>
无序列表：(默认的是实体点，可以通过修改type属性来改变)
<ul type=”disc/circle/square”>
<li>列表项</li>
…
</ul>
定义列表：
<dl>
<dt>定义项</dt>
<dd>描述项</dd>
</dl>
超链接标签介绍：
<a href=”超链接的地址(路径)” target=”_blank/_self”>文本或图片</a>
链接的内容可以是网页、图片、ppt/word文档、压缩文件、视频、音乐等
如果链接的是一个文件，则会直接下载该文件
target属性默认值位_self：表示会在同一个页面打开(即自身页)。_blank则表示会在一个新的页面打开
请始终将正斜杠添加到子文件夹。假如这样书写链接：href=”http://www.baidu.com”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=”http://www.baidu.com/”。
②.单标签：
<br/> 换行标签
<hr size=” ” color=” ” width=” ” align=” “/> 分割线标签
<img src=”图片的地址(路径)” width=” ” hight=” ” border=” ” alt=”图片如果显示不出来的时候文字提示” title=”图片的提示信息”/> src属性和alt属性是必须要设置的。
③.特殊符号： (空格) >(大于号) <(小于号)
路径的介绍：
1.相对路径：
①：两个文件在同一个文件夹中时，路径可以直接写文件的名字
②：两个文件在不同的文件夹中时，路径应该这样写../images/ceshi.jpg
③：一个在文件夹里面一个在文件夹外面时，路径应该这样写images/ceshi.jpg
2.绝对路径:(当路径位本地的绝对路径时，要在路径前加上file:///)
本地路径 file:///C:\Users\Administrator\Downloads//cs.jpg
网上路径http://www.baidu.com/….
网页中使用的图片的格式：
1.gif:占用空间小，有损压缩，支持透明和动画，但是颜色保留255种
2.jpg:占用空间大，有损压缩，不支持透明和动画，颜色保留上万种
3.png:占用空间最大，无损压缩，支持透明和动画，颜色保留上万种
HTML中的空元素：
没有内容的HTML元素称为空元素。关闭空元素的正确方式是在开始标签中加入/
欢迎分享本文，转载请保留出处：前端ABC » 关于web前端入门学习