HTML基础总结-CSDN博客

本文链接：https://blog.csdn.net/guo3guo/article/details/44414785

<html>
    <head>...</head>
    <body>...</body>
</html>

1. <html></html>称为根标签，所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、<meta>等标签，头部标签在下一小节中会有详细介绍。

3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

1. <em>倾斜 和<strong>加粗 标签是为了强调一段话中的关键字时使用，它们的语义是强调。

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

3.引用某个作家的一句诗,简短文本，使用<q>标签，注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。

4.对长文本的引用，使用<blockquote>,标签的解析是缩进样式.

5.在需要加回车换行的地方加入<br />.

6.在需要加空格的地方输入 

7.加一些用于分隔的横线，这样会使文章看起来整齐些，xhtml1.0版本 <hr />,html4.01版本 <hr>(不常用),

8.为网页加入地址信息，使用标签<address>,可以使用css样式来修改它<address>标签的默认样式.

9.网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签,如果是多行代码，可以使用<pre>标签。

10. ul-li是没有前后顺序的信息列表。

11.<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。=

<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

<th>…</th>：表格的头部的一个单元格，表格表头。

表格中列的个数，取决于一行中数据单元格的个数。

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

12.<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开: <a href="目标网址" target="_blank">click here!</a>

13.mailto:<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件. 如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

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

15. 表单中输入大段文字时，文本域<textarearows="行数"cols="列数">文本</textarea>.

16. 单选框、复选框：

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

当 type="radio" 时，控件为单选框， 当 type="checkbox" 时，控件为复选框。value：提交数据到服务器的值（后台程序PHP使用）。

name：为控件命名，以备后台程序 ASP、PHP 使用。checked：当设置 checked="checked" 时，该选项被默认选中。同一组的单选按钮，name 取值一定要一致。

17.下拉列表框：selected="selected"：

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。

18.提交按钮：<inputtype="submit" value="提交">

19. 重置按钮：<input type="reset" value="重置">

20.当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

<label for="控件id名称"> 。标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。