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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值