HTML基础

最新推荐文章于 2024-12-16 16:52:23 发布

前端独秀

最新推荐文章于 2024-12-16 16:52:23 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： HTML

原文链接：https://www.mk2048.com/blog/blog.php?id=ihb1j0kab&title=HTML%E5%9F%BA%E7%A1%80

前端专栏收录该内容

493 篇文章

订阅专栏

本文详细介绍了HTML中的各种标签，包括元数据标签、文本格式标签、列表、表格、表单、脚本及URL编码等，帮助读者深入理解网页结构与功能。

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

<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务

//每30秒刷新当前页面
<meta http-equiv="refresh" content="30">

标签

<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
 
<abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）
<cite> （工作的名称）
<del> （删除的文本）
<ins> （插入的文本）
<sub> （下标文本）
<sup> （上标文本）

<b>加粗文本</b>
<i>斜体文本</i>
<code>电脑自动输出</code>
<sub>下标</sub>
<sup>上标</sup>

创建图像映射

//该段代码中的shape指的是点击区域的形状，coords指的是链接区域在图片中的坐标和范围大小（像素为单位）
<img src="img/a.ico" width="145" height="126" alt="Planets" usemap="#planetmap">
 <map name="planetmap">
 <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
 <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
 <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
 </map>

表格

 1  //带有标题的表格
 2 
 3  <table border="1">
 4    <caption>Monthly savings</caption>
 5    <tr>
 6      <th>Month</th>
 7      <th>Savings</th>
 8    </tr>
 9    <tr>
10      <td>January</td>
11      <td>$100</td>
12    </tr>
13    <tr>
14      <td>February</td>
15     <td>$50</td>
16    </tr>
17  </table>

列表

　　有序列表

//如果为start赋上初始值，有序列表则从这个值开始增长，reversed为翻转,假如不写初始值，序号不会为负数，除非自己设置初始值为负数，用type属性设置有序列表样式（type=“A”）
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol  reversed="reversed">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50" >
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50"  reversed="reversed">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

  <ol start="-50" >
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>

表单

//带边框的表单
<form action="">
    <fieldset>
        <legend>Personal information:</legend>
        Name: <input type="text" size="30"><br>
        E-mail: <input type="text" size="30"><br>
        Date of birth: <input type="text" size="10">
    </fieldset>
</form>

脚本

//只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容
<script>
    document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

URL-统一资源定位器

//语法规则
//scheme - 定义因特网服务的类型。最常见的类型是 http
//host - 定义域主机（http 的默认主机是 www）
//domain - 定义因特网域名，比如 runoob.com
//:port - 定义主机上的端口号（http 的默认端口号是 80）
//path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
//filename - 定义文档/资源的名称
scheme://host.domain:port/path/filename

http	超文本传输协议	以 http:// 开头的普通网页。不加密。
https	安全超文本传输协议	安全网页，加密所有信息交换。
ftp	文件传输协议	用于将文件下载或上传至网站。
file		您计算机上的文件。

URL字符编码

//URL 只能使用 ASCII 字符集.
//来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL //必须转换为有效的 ASCII 格式。
//URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
//URL 不能包含空格。URL 编码通常使用   来替换空格。

字符	URL 编码
€