HTML常用标签及CSS常用样式_html 上下箭头-CSDN博客

本文链接：https://blog.csdn.net/wjjwww11/article/details/125226126

本文详细介绍了HTML的常用标签，包括文本、格式化、图像、超链接、表格和表单，以及CSS的基础样式设置，如字体、背景、区块、边框和列表样式等，帮助读者掌握网页基本元素的创建和美化技巧。

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

文本标签

<hn>...</hn>标题标签，其中n为1–6的值。
<i>...</i>斜体
<em>...</em> 强调斜体
<b>...</b> 加粗
<strong>...</strong> 强调加粗
<cite></cite> 作品的标题（引⽤用）
<sub>...</sub> 下标 <sup>...</sup> 上标
<del>...</del> 删除线

格式化标签

<br/>换⾏行行
<p>...</p> 换段
<hr />⽔水平分割线
<ul>...</ul> ⽆无序列表
<ol>...</ol> 有序列表其中type类型值：A a I i 1 start属性表示起始值
<li>...</li>列表项
<dl>...</dl>自定义列表
<dt>...</dt>自定义列表头
<dd>...</dd> 自定义列表内容
<div>...</div> 常⽤用于组合块级元素，以便便通过 CSS 来对这些元素进⾏行行格式化
<span>...</span> 常⽤用于包含的⽂文本，可以使⽤用 CSS 对它定义样式，或者使⽤JavaScript 对它进行操作。

图像标签

src：图⽚名及url地址
alt: 图⽚加载失败时的提示信息
title：文字提示属性
width：图片宽度
height：图片⾼高度
border：边框线粗细

超链接标签

超级链接标签a：
格式：<a href="链接⽬标url地址">显示⽂字</a>
a标签的属性：

href: 必须，指的是链接跳转地址
target: 表示链接的打开⽅式：
_blank 新窗⼝
_parent ⽗窗⼝
_self 本窗⼝（默认）
_top 顶级窗⼝
framename 窗⼝名
title：⽂字提示属性（详情）

表格标签

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <h3>HTML标签实例--表格标签</h3>
        <table border="1" width="700" cellspacing="0" cellpadding="4">
        <caption><h3>学⽣信息表</h3></caption>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>班级</th>
        </tr>
        <tr>
            <td>1001</td>
            <td>张三</td>
            <td>22</td>
            <td>python04</td>
        </tr>
        <tr>
            <td>1002</td>
            <td>李四</td>
            <td>22</td>
            <td rowspan="2">python04</td>
        </tr>
        <tr>
            <td>1003</td>
            <td colspan="2">王五</td>
            <!--<td>22</td>-->
            <!--<td>python04</td>-->
        </tr>
        </table>
    </body>
</html>