html标签大合集

今天来说一下前端,传统前端大概有:html结构, css样式, js代码, jquery js库, bootstrap框架组成。这些属于前端中的基础,今天我们来了解一下html结构。

HTML 结构主要由标签组成,用于定义网页的内容和布局。最基本的结构包括 <html><head><body> 标签。<head> 部分包含元数据和链接到外部资源,如样式表和脚本。<body> 部分包含实际的网页内容,如文本、图片和链接。

<html> 标签我们先不关注,通常只出现在开始和结尾,<head>标签,称之为头标签,里面一般是修饰内容和附加信息,<body>标签是我们的重点,这部分是展示内容,可以和用户交互,是HTML结构的重点。

<h1>内容</h1>: 一级标签,字体变大变粗,有一到六级标签。

<p>内容</p>:段落标签,可以自动换行。

<div>内容</div>:块级元素,网页上的内容一般都是一块一块的,也就是用<div>把他们包裹住,也就是嵌套。

<span>内容</span>:隔离标签,把想要的突出内容嵌套住可以单独设计样式。

<hr>:水平分割线 

<br>:强制换行

<b>内容</b>, <strong>内容</strong>:加粗

<i>内容</i>, <em>内容</em>:斜体

<u>内容</u>:下划线

<del>内容</del>:中划线

<sub>内容</sub>:下标

<sup>内容</sup>:上标

<li>内容</li>:不单独存在,一般伴随着<ul>和<ol>

<ol>内容</ol>:有序列表,有序号

<ul>内容</ul>:无序列表,无序号,黑点

<dl>内容</dl>:框架

<dt>内容</dt>:列表项目,没有缩进

<dd>内容</dd>:列表项目说明,有缩进

<table>内容</table>:表格标签

<tr>内容</tr>:表格

<th>内容</th>:表头单元格

<td>内容</td>:普通单元格

<video src="视频资源"></video>:视频标签,control显示控件

<audio src="音频资源"></audio>:音频资源,control 显示控件

<a href="链接"></a>:超链接

<iframe src="链接"></iframe>:引入一个页面

<form action="链接" method="get/post">内容</form>:表单标签

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值