HTML5个人总结
HTML 部分
首先：HTML是一种超文本标记语言,是在浏览器中运行的一种标记语言。但html并不是一种编辑语言，而是一种标记语言；
标记语言是一套标记标签，HTML就是使用标记标签来描绘网页。
注意：HTML的文件命名方法–必须小写字母开头，后接下划线、数字、字母，不可以使用中文或特殊字符作文文件名。
然后就是HTML的语法结构了
- HTML标签的规范
（1）HTML标签是由<>包活的关键词，例如：<html>
(2)HTML标签通常都是成对出现的，例如：<b></b>作用：字体加粗
(3)HTML中也有只有一个关键词出现的标签，名为单标签，例如：<br />、<img src="图片路径" alt="图片加载不出来时的声明" /> - HTML5的基本机构
HTML 5通用格式
<html lang="en">
<head>
<mate charset="utf-8'>
</head>
<body></body>
</html>
- HTML常用的标签
-
h1~h6:标题标签
作用：把页面上的文字加上标签的语义，即把他作为标题使用，其中h1的语义最为强烈，通常一个网页中之使用一个h1标签，例如：<h1>文本区</h1>； -
p:文本标签
作用：给页面文本给与段落的语义，即：加上这标签后，这文本是一个段落例如：<p>段落</p>； -
hr
作用：在页面中显示一条横线，默认占整行，用于分割内容，同时它也是一个单标签,例如：<hr />； -
br
作用：换行，单标签;<br />； -
文本格式化标签
用作给文本进行标识的，从而表达语义，或者突出文本含义。（1）b,u,i,s,strong,ins,em,del
作用：> b--加粗 `<b></b>` > i---倾斜 `<i></i>` > u--下划线 `<u></u>` > s---删除线 `<s></s>` >strong--加粗 `<strong></strong>` 语义：加强语气 >em--倾斜 >ins--下划线 >del--删除线 在实际的运用中u和s用的比较少，应为可以通过css实现相同的效果。 sub、sup定义下标字、上标字 <p> <b>2<sub>3</sub></b> //结果2^3 <b>H<sup>2</sup>o</b> //结果：H2O </p>预格式文本
1）html输出空格
挡在显示页面中，浏览器将所有的空格和换行都会被算作一个空格
2）pre标签 ： 预格式文本，保留原本的结构，保留空格和空行。
-
<pre>
静夜思
床前明月光，疑似地上霜。
举头望明月，低头思故乡。
</pre>
输出的结果格式与输入时的格式相似，但是并不完全相同。
- HTML常用标签2
1）列表
列表有3种，有序列表、无序列表、自定义列表，每种列表有不同的优缺点，但作用是相似的。
(1) 无序列表(ul)(重点，常用)
作用：显示一列没有顺序的数据
注意：
a.ul与li是父子关系，且ul中只能出现li标签，它是管理li标签的
b.是一个容器，里面可以放置其他标签
<ul>
<li><li>
<li><li>
<li><li>
</ul>
(2) 有序列表(ol)(用的少)
作用：显示一段有序的数据
<ol>
<li></li>
<li></li>
<li></li>
</ol>
(3)自定义列表(dl)
作用：显示一段数据，格式自定，通常用于图文结合，dt声明图片，dd用于给图片进行说明。
<dl>
<dt>图片链接</dt>
<dd>图片描述声明</dd>
</dl>
2）超链接 锚链接（重点） a
(1)作用：用于跳转页面，通常用于跳转网页，但在属性值中添加某个元素的id名可以直接跳转到该元素中。
<a href="连接路径" target=“跳转方式，默认是_self:在当前页面中直接打开，_blank:保留该页面，在新的页面中打开”></a>
补充：
<base target="blank">为页面上所有a标签设置了跳转方式(一般放在title标签下面)
3)图片 img
作用：在页面显示一张图片
<img src="图片路径" alt=“图片加载不出是，显示该文字” title=“鼠标移入图片时显示的文字”/>
在图片的引入是会面临一个十分重要的问题–路径问题
路径分为绝对路径、相对路径
第一种绝对路径
带有盘符的路径：C:\Users\Administrator\html的基本语法\img讲解\images
缺点：可移植性不强，一般情况下不直接使用绝对路径。
第二种相对路径
a. 如果页面是在与图片同一目录下面：
b.如果页面在图片一上级目录中：
c.如果图片在页面的上一级目录：
总结：在一般开发中，用的都是相对路径，因为相对路径的可移植性要强。
3）表格table
作用：用来将数据以表格形式显示出来
在早期开发中，常用表格布局，但到2008年后发现了表格的局限性，所以改为用div+css模式布局
简单的表格格式
完整表格格式
| 常用属性 | 作用 |
|---|---|
| border | 给表格加上边框 |
| width | 给表格设置宽 |
| height | 给表格设置高度 |
| cellspan | 合并行 |
| rowspan | 合并列 |
| cellspacing | 规定单元格之间的空白 |
| cellpadding | 设置单元格边沿与其内容之间的空白 |
| align | 设置table上，决定表格显示的位置属性值：center、left、right |
| 例如 | <table border="1" width="400" height="400" cellspacing="0" cellpadding="0'> |
4)表单（重要）
<form>
<input type="属性值" value=“初始值”>
</form>
作用：用于收集用户信息，提交到服务器中，通常用于搜索、登陆、注册等地方
| 标签 | 属性值 |
|---|---|
| input | text：文本框 password：密码框；button：按钮，reset：重置；image：图片提交；submit：提交；hidden：隐藏域 radio：单选框；checkbox：多选框； |
| select | 下拉框(option属性) |
| textarea | 文本框 |
注意：如果想要多个radio或checkbox组成一个选择集，需要给每个radio或checkbox设置相同的名字（class=“名字”）
376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
