HTML简介及基本标签

一.软件开发
技能：

WEB开发：HTML+CSS+JS(JavaScript)
任意一门后端语言精通
任意数据库基本操作
二.WEB开发(w3c组织)
结构标准=HTML标准(主要用来进行页面结构的搭建) 骨骼
表现标准=CSS标准(主要是用来对页面的结构进行布局以及美化) 血肉皮肤
行为标准===JS标准(主要是用来实现页面的动态效果) 灵魂
三.HTML标准（浏览器可以识别的语言只有HTML语言）
编码
ASCII码
UTF-8 世界标准（通用）
GBK
四.HTML基础标签
附：Hbuilder 快捷键的使用

ctrl+/   快捷注释/取消注释

ctrl+d  快速删除

ctrl+方向键  上下   移动代码位置

ctrl+f  快速检索 元素位置

ctrl+shift+f   整理代码

alt+/   代码段的提示

4.1什么是标签？
可以将标签理解为盒子对象

4.2标准标签形式
标签的标准写法"<“开头，以”>"结束，之间以任意字母开头，之后的组合不限制

如果你写的这个标签是w3c规定的标准标签，则按照标准标签的功能翻译，如果不是w3c规定的标准标签，这种标签可以叫自定标签，其没有任何特殊作用

4.2.1双标签
标签由一对组成，一个开头标签一个结束标签，结束标签只是比开头标签的标签名称单词之前多了一个"/"

4.2.2单标签
只有一个标签，自己开始，自己结束，在结束的">“之前有一个”/"

4.2.3标签特征
如果双标签结束标签和开头标签不一致，则浏览器会自动更改结束标签
如果只有开头标签，则默认从开头标签开始一直遇到下一个同一级别的标签为止补全结束标签一直按照这个标签处理
标签与标签之间无非两种关系：包含关系、并列关系
所以一般情况下同一级别标签不要进行嵌套，除过布局标签之外
在html中不识别回车换行和空格
4.3基础标签H4标签

4.3.1标题标签
h1-h6:默认从大到小 占一整行

4.3.2段落标签
p标签 占一整行

4.3.3特殊字符标签
代表一些特殊的字符
一般以“&”开始以“；”结束
占内容大小
< &lt ;>&gt ;
空格 &nbsp ;
平方 &sup2 ;
立方 &sup3 ;

4.3.4文本格式化标签 占内容大小
加粗 b strong
下划线 u ins
加斜 i em
删除线 s del
上标 sup
下标 sub

4.3.5换行标签
br 单标签

不占空间

4.3.6水平线标签
hr 单标签 占一整行

4.3.7图片标签
img 单标签

必要属性src：代表图片路径地址

可选属性：alt：如果图片因为各种原因未能加载出来，则给一个alt中的提示

title：当鼠标悬停在这个元素上弹出来的一个提示框

占自身内容

4.3.8超链接标签
超链接a标签
href（必要属性） 属性表示的是超链接 链接的路径地址
target: 设置是否重新打开一个窗口显示 链接的地址网页
_blank: 重新打开一个窗口显示链接的网页
_parent: 表示在当前窗口打开链接的网页
占自身内容

4.3.9预定义格式化（敲什么显示什么）
pre

4.3.10字体标签
font 属性：color size face（字体）
4.3.11表格
table

<tr>
      <td>   </td>
      <td>   </td>
</tr>

<tr>
     <th>   </th>
 </tr>

 属性
 border: 表示的是表格的边框宽度
 align: 设置元素的水平对齐方式
 cellspacing: 设置单元格与单元格之间的距离
 cellpadding: 设置单元格内容与单元格边框之间的距离
 valign: 设置元素垂直对齐方式
 bgcolor: 设置元素的背景颜色
 rowspan: 合并行
 colspan: 合并列
4.4路径地址
4.4.1相对路径
指设置这个路径是以当前的文件为起始点然后通过文件夹路径去寻找目标文件

以"/"代表进入"/"之前指定的文件夹里面

以"../"代表从当前文件夹往出退一层

4.4.2绝对路径
指设置这个路径是一个永久性的路径地址，不管哪个文件页面都可以通过这个指定的路径寻找到目标文件

4.5列表（一组数据的集合）
4.5.1有序列表

<ol>

	<li></li>

</ol>

4.5.2无序列表


   <ul>
           <li><\li>
   <\ul>

4.5.3自定义列表