美文网首页
50-html基础标签

50-html基础标签

作者: 天行_b6d0 | 来源:发表于2020-09-28 20:44 被阅读0次

一、常用HTML标签元素

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<SUP></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font> 设置字体颜色
<font size=1>...</font> 最小字体
<font style ='font-size:100 px'>...</font> 无限增大

二、格式标志标签

<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐  


换行
插入换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点    
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'> 水平线(设定宽度)

<center></center> 水平居中

三、链接标志表格标志

<a href="URL"></a> 创建超文本链接
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系

四、head内常用标签

1、指定字符集

<meta charset="utf-8">

2、页面描述

<meta name="Description" content="具体描述。。。">

3、关键字:有助于搜索引擎SEC优化,再怎么优化也抵不过竞价排名

<meta name="Keywords" content="网易,邮箱,游戏,新闻">

4、3秒后跳转

<meta http-equiv="refresh" content="3,http://www.baidu.com">

5、三秒刷新

<meta http-equiv="refresh" content="3">

6、标题

<title>百度一下,你就知道</title>

7、网站的图标

<link rel="icon" href="https://www.baidu.com/favicon.ico">

8、定义内部样式

<style></style>

9、引入外部样式文件

<link rel="stylesheet" href="mystyle.css">

10、定义JavaScript代码或引入JavaScript文件

<script src="hello.js"></script>

HTML特殊符号对照表

form表单标签

相关文章

网友评论

      本文标题:50-html基础标签

      本文链接:https://www.haomeiwen.com/subject/fyrbektx.html