HTML基础——标签

简介: HTML基础——标签

常见的HTML标签我做了一个表格总结了一下

image.png

HTML 的关键是标签,其作用是指示将出现的内容。

更详细的内容可以去菜鸟教程去学习


<!DOCTYPE html>
<html>
<head>
    <title>文档标题</title>
</head>
<body>
    可见文本...
    <h1>最大的标题</h1>
    <h2> . . . </h2>
    <h3> . . . </h3>
    <h4> . . . </h4>
    <h5> . . . </h5>
    <h6>最小的标题</h6>
    <p>这是一个段落。</p>
    <br> (换行)
    <hr> (水平线)
    <!-- 这是注释 -->
        普通的链接:<a href="http://www.example.com/">链接文本</a>
        图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
        邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>
    <img loading="lazy" src="URL" alt="替换文本" height="42" width="42">
    <table border="1">
      <tr>
        <th>表格标题</th>
        <th>表格标题</th>
      </tr>
      <tr>
        <td>表格数据</td>
        <td>表格数据</td>
      </tr>
    </table>
</body>
</html>

相关文章
|
4天前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
4天前
HTML_表单标签
HTML_表单标签
16 0
|
4天前
|
前端开发 JavaScript 数据安全/隐私保护
【HTML】基本标签介绍(下)
【HTML】基本标签介绍(下)
12 3
|
4天前
|
机器学习/深度学习 前端开发 JavaScript
【HTML】基本标签介绍(上)
【HTML】基本标签介绍
11 1
|
4天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
4天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
4天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
4天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
4天前
|
前端开发 JavaScript
前端基础知识(一){HTML.CSS.JavaScript}
前端基础知识(一){HTML.CSS.JavaScript}
|
4天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
12 0