HTML基础

1.<body></body>

在网页上要展示出来的页面内容一定要放在body标签中。

2.<p></p>

表示段落

3.<hx></hx>

表示标题,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

4.<strong></strong>

表示粗体

5.<em></em>

表示斜体

6.<span></span>

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

span{
    color:blue;
}

7.<q></q>

短文本引用,注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

8.<blockquote></blockquote>

长文本引用。

9.<br />

表示换行

10.&nbsp;

表示空格

11.<hr />

添加水平横线

12.<address></address>

表示联系地址,也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

13.<code></code>

表示一行代码

14.<pre></pre>

表示大段代码

15.

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

显示列表

16.

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>

显示有序列表

17.<div</div>

相当于一个容器,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中。

18.<div  id="版块名称"></div>

给div命名

19.table表格标签

1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

3、<th>…</th>:表格的头部的一个单元格,表格表头。
4、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
5、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

20.caption标签,为表格添加标题和摘要。

摘要:
<table summary="表格简介文本">

标题:
<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>

</table>
21.<a></a>

实现超链接

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

在新建浏览器窗口中打开链接
<a href="目标网址" target="_blank">click here!</a>

使用mailto在网页中链接Email地址



22.<img>

加载图片

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

23.<form></form>
表单标签
<form   method="传送方式"   action="服务器文件">
action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
method : 数据传送的方式(get/post)。
(1)文本输入框、密码输入框
     <input type="text/password" name="名称" value="文本" />
1、type:
     当type="text"时,输入框为文本输入框;
       当type="password"时, 输入框为密码输入框。
2、name:为文本框命名,以备后台程序ASP 、PHP使用。
3、value:为文本输入框设置默认值。(一般起到提示作用)
(2)文本域
当用户需要在表单中输入大段文字时,需要用到文本输入域。
<textarea  rows="行数" cols="列数">文本</textarea>
cols :多行输入域的列数。
rows :多行输入域的行数。
在<textarea></textarea>标签之间可以输入默认值。
(3)单选框、复选框
<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
1、type:
     当 type="radio" 时,控件为单选框
    当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
(4)下拉列表框
<select></select>
多选:<select multiple="multiple"></select>
<option value="向服务器提交的值" selected="selected">显示的值</option>
设置selected="selected"属性,则该选项就被默认选中。
(5)提交按钮
<input   type="submit"   value="提交">
type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字
(6)重置按钮
<input type="reset" value="重置">
type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字
(7)label标签
<label for="male">男</label>
点击男就会触发id为male的控件

原文地址:https://www.cnblogs.com/nickqiao/p/7583361.html