html入门

最新推荐文章于 2023-03-17 16:49:33 发布

原创最新推荐文章于 2023-03-17 16:49:33 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

html基础，入门，归纳专栏收录该内容

3 篇文章

订阅专栏

本文介绍了HTML的基本概念，包括标记语言的特点、常用的标记元素及其用途，如上标、下标、超链接等，并详细讲解了如何使用表格、列表及图片等元素进行网页布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML入门

html定义：英文名hypertext markup language,中文名为超文本标记语言，这里的超不是超级的意思，是超链接的意思，可以理解为一个页面链接一个页面，再链接一个页面等形成的知识网络，一个内容网络，这就称之为html。

注意：<!DOCTYPE html>是为了告诉浏览器用HTML5来解析我的网页。

1、标记：

a<sup>上标（平方）</sup>
b<sub>下标</sub>
<mark>加高亮</mark>
<del>删除</del>              
<ins>插入</ins> 
<hr>:水平线
<address>地址</address>
<pre>预格式化：保持输入原格式输出</pre>
<bdo dir=rtl>文字从从右向左排<bdo>
<bdi dir=rtl>是从左到右</bdi>  //dir是direcrtion目标的意思，rtl是right 头 left的意思。

2、转义字符：

< ，英文名less than，小于的意思。&gt；，英文名greater than，大于的意思。

&amp；，&的意思。&nbsp；，英文名none break space，不打断空格的意思。

3、表格：

<table border="1">
<caption>表格</caption>
<thead> <tr> <th>表头1</th><th>表头2</th> </tr> </thead>
<tbody>
<tr> <td>表内容1</td><td>表内容2</td> </tr>
<tr> <td colspan="2">表内容1和表二内容合并 </tr>
</tbody>
<tfooter></tfooter>,
</table>

加入thead，tbody ，tfooter是为了应用在比较大的表格滚动鼠标表头会一直留在页面上。

4、列表与图片

无序：<ul start=-1> <li>women</li> </ul> li是list item的意思

有序：<ol start=-1> <li>women</li> </ol>

字典：<dl><dt>词条</dt><dd>词条解释</dd></dl>

5、超链接

<a href="网易新闻的url"/"#id" target=“_blank”>网易新闻</a> target这设置的是新窗口打开,#id是为a添加锚点

6、这是在一个图片上映射地图的功能，作用是点了图片坐标设置的某个区域就回跳转到该区域设置的链接。