【HTML】学习笔记(自用持续更新)

HTML基本框架

只定义信息,通过标签组成整个页面框架,再通过CSS渲染使得前端页面做的好看

html 复制代码
<!DOCTYPE HTML> \\html类型
<html>
    <body>
        <h1>这是一个标题</h1>
        <p>这是一段文字</p>
    </body>
</html>

常用标签

<title></title> 网页标题

<h1></h1> 一级标题

<h2></h2> 二级标题 //标题最多6级

<p></p> 文本段落

<br> 强制换行

<b></b> 加粗

<i></i> 斜体

<u></u> 下划线

<img src="图片链接" width=> 图片 width设置图片宽度

<a href="网页链接" 属性>连接名</a> 打开新窗口添加属性target="_blank"

容器

<div></div> 块级元素,不能一行有多个

<span></span> 一行可以有多个元素

<ol></ol> 有序列表

<ul></ul> 无序列表

<li></li> 列表元素

表格相关

默认表格没有边框,各种设置均需添加参数,添加参数border=""

<table></table> 表格

<thead></thead> 表格头部

<tboday></tbody> 表格主题

<tr></tr> 表格行

<td></td> 单元格

html 复制代码
<table>
    <thead>
        <tr>
            <td>表头1</td>
            <td>表头2</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>111</td>
            <td>222</td>
        </tr>
        <tr>
            <td>333</td>
            <td>444</td>
        </tr>
    </tbody>
</table>

calss属性

可被应用于所有元素,可用于区分类别

class=""

相关推荐
ouliten8 分钟前
cuda编程笔记(27)-- NVTX的使用
笔记·cuda
今天只学一颗糖43 分钟前
Linux学习笔记--查询_唤醒方式读取输入数据
笔记·学习
Kay_Liang1 小时前
数据仓库入门:从超市小票看懂数仓
数据仓库·笔记·数据分析
GIS学姐嘉欣1 小时前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(5):智慧矿产
学习·gis·智慧城市·webgis
折翼的恶魔1 小时前
前端学习之样式设计
前端·css·学习
光影少年8 小时前
angular生态及学习路线
前端·学习·angular.js
汇能感知10 小时前
光谱相机的探测器阵列
经验分享·笔记·科技
无尽夏_10 小时前
HTML5(前端基础)
前端·html·html5
CHHC188010 小时前
vSIM / SoftSIM笔记
笔记
逆小舟12 小时前
【C/C++】指针
c语言·c++·笔记·学习