html常用标签、认识浏览器

最新推荐文章于 2025-12-31 10:20:39 发布

原创最新推荐文章于 2025-12-31 10:20:39 发布 · 993 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端同时被 3 个专栏收录

4 篇文章

订阅专栏

html常用标记

1 篇文章

订阅专栏

浏览器结构

1 篇文章

订阅专栏

本文介绍了HTML的基本结构，从h1到h6标题标签的使用，元数据的定义，再到字符格式、段落、换行与列表的详细讲解。同时涵盖了图片、表格、超链接等关键元素的标记方法。深入浅出地阐述了浏览器工作原理和关键组件。

一、html常用标记

1.文档结构

2.标题标签

<h1……h6></h1……h6>

字体自动加粗，且逐渐减小

3.<meta>标记

用于定义文件信息，放于<head></head>之间

4.<font>标记

<font color="文本颜色" size="字号" face="字体">文本</font>

注意：网页中的文本字体、字号一般通过CSS修饰

5.字符格式

6. 段落<p>标签

<p align="对齐方式">文本</p>

对齐方式：align left
               center
               right

7.<br/>换行 (换行不换段）

8.<hr/>水平直线

9.特殊字符

10.列表标记

（1）有序列表

<ol start="列表起点" type="项目符号类型">
<li>文本1</li>
<li>文本2</li>
<li>文本3</li>
<li>文本4</li>
</ol>

属性：

属性名称	属性值	说明
type	1	表示以1,2,3,4来表示
	a	表示以a,b,c,d来表示
	A	表示以A,B,C,D来表示
	i	表示以i,ii,iii来表示
	l	表示以l,ll,lll来表示

(2)无序列表

<ul type="项目符号类型">
<li>文本1</li>
<li>文本2</li>
<li>文本3</li>
<li>文本4</li>
</ul>

属性：

11.图片标记

<img src="图片路径"/>

属性：

12. 表格<table>标签

<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

表格的属性：

（1）行的属性：

（2）列的属性：

13.超链接标记

<a href="链接目标" title="注释" target="打开链接窗口的形式">显示内容</a>

打开链接形式：

(1)_blank在新窗口中打开

(2)_self在自身窗口中打开（默认值）

(3)_parent在上一级窗口中打开，框架会经常使用

(4)_top在浏览器的整个窗口中打开，忽略任何框架

二、认识浏览器

浏览器分为两大部分：shell+内核

浏览器结构

（1）用户界面：包括浏览器的窗口，除了主窗口显示请求的页面之外，其他部分都属于用户界面。

（2）浏览器引擎：在用户界面和呈现引擎之间传送命令。

（3）渲染引擎：负责显示请求的内容。解析HTML和css内容，并且将解析的内容显示在屏幕上。（chrome与其他浏览器不同，每个标签页对应一个呈现引擎实例，每个标签页都是一个独立的进程）

（4）JS引擎：解析和执行js代码。

（5）网络：用于网络调用，例如发起http请求，其接口与平台无关，并未所有平台提供底层实现。

（6）用户界面后端：用于绘制基本的窗口小部件，公布了与平台无关的接口，在底层通过调用操作系统的用户界面方法进行绘制。

（7）数据存储：持久层，浏览器需要往硬盘上存储数据，包括cookie、localstorage、sqllite等。