前端三件套之一HTML基础知识汇总-CSDN博客

本文链接：https://blog.csdn.net/qq_57985179/article/details/125881086

④文本格式化标签strong、b、em、i、del、s、ins、u

④文本格式化标签strong、b、em、i、del、s、ins、u

1、HTML 基本结构标签

<html> 
 <head> 
 <title>我的第一个页面</title> //网页标题
 </head>
 <body>
 你我之间,黑马洗练,月薪过万,一飞冲天 //用户看到的
 </body>
</html>

2、HTML 常用标签

①标题标签h1-h6

标签语义：作为标题使用，并且依据重要性递减

特点：独占一行，字号不一样，字体加粗

②段落标签p

标签语义：可以把 HTML 文档分割为若干段落

特点：自适应换行，段落与段落之间有间隔

③换行标签br

标签语义：强制换行

特点：为单标签，只换行，行与行之间没有间隙

④文本格式化标签strong、b、em、i、del、s、ins、u

语义	标签
加粗	<strong>或<b>
倾斜	<em>或<i>
删除线	<del>或<s>
下划线	<ins>或<u>

⑤div标签和span标签

标签语义：都是盒子，没有语义

特点：<div>标签用来布局，但是现在一行只能放一个；为大盒子。<span>标签用来布局，一行上可以多个；为小盒子

⑥图像标签和路径 img

<img src="url"/>

src里面放图片的路径，有相对路径和绝对路径。标签还有其他属性可以对图片进行处理，比如alt为图片加载失败显示的文字，title为鼠标悬停时显示的文字；另外还可以设置长宽与边框粗细。

⑦超链接标签 a

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

链接分类：

3、列表标签

①无序列表ul和li

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

每一项前有原点，ul里面只能放li，li里面可以放任意的标签

②有序列表ol和li

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

每一项都是有顺序的，ol里面只能放li，li里面可以放任意的标签

③自定义列表dl、dt和dd

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。dl标签中只能放dt或者dd，dt或者dd中可以放任意标签。

4、表格标签

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

table属性有border边框、width宽度和height高度，合并单元格的属性有rowspan（跨行合并）和colspan（跨列合并）