*是个啥
HTML是一种超文本语言,用来告诉浏览器如何构造网页
*基本格式
<html>
<head>
<title> 标题 </title>
</head>
<body>
*主要内容*
</body>
</html>
一些注释:
*HTML标签不区分大小写,但建议采用小写。
*<html>为起始标签,</html>为结束标签,代码中的 <head></head>,<head></head>,<boby></boby>等同理。
*<html>称为根标签,创建一个html文档,所有的网页标签都是在这个标签里面。
*<head>标签可以用来设置文档标题和其它在网页中不显示的信息。(头部元素有<title>、<script>、<style>、<link>、<meta>等标签。)
*<title>放网页标题信息,在搜索引擎里面看到的搜索结果,或者在网页标题栏看到的信息。
*<body>通常包裹用来放真正要渲染给用户看到的内容。比如说<h1>标题文字 </h1>,<p>&段落文字lt;/p>
补充一点:通常还会在最上端看到<!DOCTYPE html>,这个是用来解释文档类型,它的目的是为了兼容一些很老的网页。比如<!DOCTYPE html>就指的是这是一个html的文档。
*html标签整理
***字体 :***
<h1></h1> 最大的标题
、、、、、、
<h6></h6> 最小的标题
<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> 加删除线
<SAMP></SAMP> 范例
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
mp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style ='font-size:100 px'>...</font>无限增大
***段落***
<hr>水平线
<hr size=’9’>水平线(设定大小)
<hr width=’80%’>水平线(设定宽度)
<hr color=’ff0000’>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
**图片和表格**
<img src=图片位址>贴图
<img src=图片位址 width=’180’>设定图片宽度
<img src=图片位址 height=’30’>设定图片高度
<img src=图片位址 alt=’提示文字’>设定图片提示文字
<img src=图片位址’ border=’1’>设定图片边框
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<ul></ul>包含所有的列表内容 (无序列表)
<li></li>每一个列表内容
***链接***
<a href="URL"></a> 创建超文本链接
<a herf="URL" target="_blank"></a>链接在新窗口打开
<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系