HTML 初识1

最新推荐文章于 2025-07-28 18:31:30 发布

原创最新推荐文章于 2025-07-28 18:31:30 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍HTML中的基础标签，包括head部分的元数据标签、文本格式化标签、引用、列表、表格等，帮助初学者快速掌握网页结构搭建技巧。

1下面这些标签可用在 head 部分：

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

2注释：

3段落：<p>段落文本</p>

4标题标签：

一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
语法：
<hx>标题文本</hx> (x为1-6)

5强调：

<em>需要强调的文本</em> ---斜体

<strong>需要强调的文本</strong> -----加粗

6文字单独样式

①在head中定义span{}

②body中使用<span>文本</span>

7引用： <q>引用文本</q> -显示“引用文本”

8长文本引用，缩进：

blockquote>引用文本</blockquote>

9回车：<br />或者<br>

10空格： 

11水平线：<hr /> 或者<hr >

12地址，电子邮件地址、签名或者文档的作者身份：

<address>
本文的作者：<a href="mailto:lilian@imooc.com">lilian</a>
</address>

13一行代码：

14加入大段代码（保留原格式空格和换行）

<pre>语言代码段</pre>

15添加新闻信息列表，没有前后顺序的信息列表

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

结果：

信息
信息

16前后顺序的信息列表：

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

结果：

1.信息

2.信息

17容器

18表格

     <caption>表格标题</caption>

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

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

</tr>

<tr>

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

</tr>

</table>

19用css样式，为表格加入边框

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

19链接到另一个页面：

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

20在新建浏览器窗口中打开链接

<a href="目标网址" target="_blank">click here!</a>

21网页中链接Email地址

22为网页插入图片

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> ，图像可以是GIF，PNG，JPEG格式的图像文件。