【HTML】学习笔记（自用持续更新）

最新推荐文章于 2024-07-25 11:52:08 发布

叶忴

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量770

点赞数

分类专栏：前端文章标签： html 学习笔记

本文链接：https://blog.csdn.net/m0_56535442/article/details/132500282

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML基本框架

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

<!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> 单元格

<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=""