前端基础笔记-不定时更新

最新推荐文章于 2024-07-20 13:07:26 发布

Java, Python, C++

最新推荐文章于 2024-07-20 13:07:26 发布

阅读量97

点赞数

文章标签： html

本文链接：https://blog.csdn.net/tgkxms/article/details/111995026

版权

这篇博客详细介绍了HTML的基础知识，包括W3C标准的三个方面：结构化标准语言、表现标准语言和行为标准。内容涵盖了HTML的注释、常用标签如<!DOCTYPE>、标题、段落、换行、水平线、字体样式、特殊符号、图像、超链接及其属性、列表、表格、以及视频和音频的使用。是前端开发者学习和巩固HTML基础知识的好资料。

摘要由CSDN通过智能技术生成

HTML基础

W3C标准包括

结构化标准语言（HTML、XML）
表现标准语言（CSS）
行为标准（DOM、ECMAScript）

注释

<!--注释内容-->

常用标签

<!DOCTPYE>

<!DOCTYPE html> <!--告诉浏览器使用什么规范-->

标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>

段落标签

<p>
    这是一个段落标签
</p>

换行标签

换行<br/>
或者这个<br>

水平线标签

<hr>

字体样式标签

粗体

<strong></strong>

斜体

<em></em>

特殊符号

空格

&nbsp;

大于号

&gt;

小于号

&lt;

版权符号

&copy;

图像标签

<img src="地址" alt="图片名字" title="悬停文字" width="x" height="y">

超链接

<a href="地址" target="打开方式">链接文本或者图像</a>

target常用值

_self 当前页面跳转（默认此方式）
_blank 新标签页打开

锚链接

<a name="top">top</a>

<a href="#top"></a><!--跳到top那里-->

功能性连接

发送邮件

<a href="mailto:邮箱地址"></a>

QQ链接

到QQ官网看

列表

有序列表

<ol>
    <li>一</li>
    <li>二</li>
</ol>

无序列表

<ul>
    <li></li>
    <li></li>
</ul>

自定义列表

<dl>
    <dt>列表名字</dt>
    
    <dd>列表内容</dd>
    <dd></dd>
</dl>

表格

<table border="1px">
    <tr>
        <td>1-1</td>
        <td>1-2</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
    </tr>
    <tr>
        <td colspan="2">跨两列</td>
    </tr>
    <tr>
        <td rowspan="2">跨两列</td>
    </tr>
</table>

视频和音频

视频

<vedio src="" controls atuoplay></vedio><!--自动播放-->

音频

<audio src="" controls></audio>