首页 > 代码库 > HTML基础之常用标签

HTML基础之常用标签

2024-09-16 01:36:01   217人阅读

<!DOCTYPE html>　　　　#标记语言文档类型声明
<html lang="en">
<head>　　　　　　#头部标签
    <meta charset="UTF-8">　　#字符集
    <title>Title</title>
　　#head标签内可以定义网页关键字和描述，刷新，跳转，字符集，图标等，
</head>


html标签按占位分为行内标签和块级标签，按使用分为闭合标签和自闭和标签；

列如：块级标签有：h系列标签，p标签，

　　　行内标签有：<input> <>

 

______________________________________

<html> 网页标签

<head> 头部标签

<body> 页面标签

<p>　　段落标签

<h1>　标题标签

<br/>  换行标签

<a>　　超链接标签

<img> 图片标签

 

 

——————————————————————

基本


<html>…</html>      定义 HTML 文档
<head>…</head>   文档的信息
<meta>                    HTML 文档的元信息
<title>…</title>        文档的标题
<link>                      文档与外部资源的关系
<style>…</style>    文档的样式信息
<body>…</body>   可见的页面内容
<!--…-->                 注释

 

文本


<h1>...</h1>               标题字大小（h1~h6）
<b>...</b>                   粗体字
<strong>...</strong>   粗体字(强调) 
<i>...</i>                      斜体字 
<em>...</em>              斜体字(强调)
<u>...</u>                   下划线
<del>...</del>              删除线(表示删除)
<center>…</center>   居中文本
<ul>…</ul>                 无序列表 
<ol>…</ol>                 有序列表
<li>…</li>                    列表项目
<a href=http://www.mamicode.com/”…”>… 超链接

<font>                         定义文本字体尺寸、颜色、大小
<sub>                         下标
<sup>                         上标
<br>                           换行
<p>                            段落

 

图形


<img src=http://www.mamicode.com/’”…”> 定义图像
<hr>                   水平线

 

表格


<table>…</table>   定义表格
<th>…</th>            定义表格中的表头单元格
<tr>…</tr>             定义表格中的行
<td>…</td>           定义表格中的单元

 

其它


<form>…</form>    定义供用户输入的 HTML 表单
<frame>                 定义框架集的窗口或框架

 

 

另加16进制颜色，但仅仅有16种颜色名可用英文字母，其余的要用16进制值。 记住哦！

 

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

　

　

HTML基础之常用标签


联系
我们