今天来说一下前端,传统前端大概有: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>:表单标签