HTML

来源：互联网发布：java html格式化一行编辑：程序博客网时间：2024/06/05 18:32

基础：

#1 :<html></html> 必须添加。

#2：<head></head>中的内容并不现实，源代码文件的头。

#3: <body></body>显示正文。

#4：<title></title>显示标题即“编辑文章-博客频道”。

#5：<p></p>，分段。并不能控制空两格。显示段落。段落并不能分行两段之间会空一行。每一段都需要使用

#6：<br>“break”分行专用。没有</br>与之相对应。

#7： <h1></h1>第一集标题，一直到h6。会加大加粗字体。也可以用于分行（即处于之中的文字会处在独立一行）逐级递减。

#8：<wbr></wbr>用于英文单词，用于单词太长，（连字符，指定这个单词可以被分开写）

#9：<hgroup></hgroup>告诉浏览器这是连续的标题。当<h1><h2>等连续写的时候需要加上。

样式表可以实现，用css ：

#10： <b></b>加粗字体。

#11： <i></i>斜体字。（可以相互嵌套 10与11）（如果忘记结束斜体，会将剩下的文章全部为斜体，直到遇到控制停止）

#12： <tt></tt> 打字机的字体，等宽的西方字体。

#13：<small></small>缩小字体。

#14： <del></del> <ins></ins>用于删除，添加文字删去：被划去。

#15： <s></s> 在字体中间加一条直线，提示是过时的，但是不是被删除。

#16： <sup></sup><sub></sub>用于显示上标，下标。仅仅显示二次方，不能更复杂。

#17： <mark></mark>用于高亮字体，表示很重要。

短语格式：

（不会引起分行）（也许表达形式差不多，但是意义不同）

#18：<em></em>强调

#19 ：<strong></strong>着重强调。

#20： <dfn></dfn>定义

#21： <code></code>显示代码，但在中文中并不常用。用于英语中较多

#22： <samp></samp>例子代码（与code区别因人而异）

#23： <kbd></kbd> 用户输入

#24： <var></var>变量，显示是一个变量

#25： <cite></cite> 引用

特殊格式：

#26：<address></address>表达地址，不仅显示，能作为检索的一部分（会在一行表示，不会自动分行）需要运用br

#27：<blockquote></blockquote>用于缩进，可以嵌套

#28：<q></q>是一种小引用

#29：<pre></pre>去格式化，显示你代码的格式输出。

属性：

#30：<hr>水平线，会在文章中出现分割线。没有结束（</hr>）

#31：<hr width=50%>可以控制输出的格式 ,控制宽度（）

#32: <hr width=50% align=left(right)> 像左（右）靠其

#33：<hr size=10> 会加粗

#34： <abbr title="中华人民共和国">PRC</abbr>当鼠标指在PRC上时会显示“中华人民共和国” 即缩写

#35： <p title="第一节">会在第一段任何鼠标指的地方出现"第一节"，html的标记都可以加上title。

#36： <bdo dir=rtl></bdo> 文字从右向左排

#37： <bdi></bdi>将颠倒的文字颠倒回来。

#38： a<2 表示a<2; a>2 表示 a>2;

#38：显示& ：（&）显示不可打断的空格（ ）（显示空格）

#39：Lü 表示“lv”（小写） LÜ(大写)

还有很多符号。

列表：

#40：<ul></ul>不排序的列表。中间的项目每一项都要用<li>"文字"</li> 每一项前面都有小圆点（实心）

#41：<ol></ol>排序的列表每一项的前面是数字。<ol start=2>列表从2开始。（列表可以嵌套）

#42：<dl></dl> 中间的词条用<dt></dt> 解释用<dd></dd>

图片：

#43： <img>(没有对应的</img>) <img src="mama.jpg“ width="200" height="200" alt="html">（图片在对应的目录下）

（图片是一个字符，它和其他的字符是连在一起的）（分行需要用到<br>）

#44： <img alt=”html“> 在图片未显示的情况下显示文字。让浏览器预先为图片留下位置。

#45： <img src="http://p1.so.qhimgs1.com/t01a38d81e33a256aa7.jpg"> 可以引用其他网站的图片。

#46： <iframe src="http://p1.so.qhimgs1.com/t01a38d81e33a256aa7.jpg"> </iframe> 把其他网站的页面取过来。

链接：

#47： <a href="http://www.163.com/">网易新闻</a> 超链接必须用到http协议。

#48： <p id="here">与<a href ="#here"></a>连用可以到达一个段落。（绝大多数标记都可以用到id）

#49： <a href="http://www.163.com/" target=_blank>打开一个新的窗口来打开网页。

#50： <img src="mama.jpg“ width="200" height="200" alt="html" usemap="#map" />

<map name="map"> <area shape="circle" coords="75,75,25" href="http://www.163.com/" alt="163"> 在图片的区域内能够进行超链接

表格：

#51：<table border="1"> （如果没有border=1 就不会有格子线）

<tr> （第一行）

</tr> (表头)

<tr> （第二行）

<td>ios5</td> (表格的一个格子)

</tr>(表格的一行)

</table>

#52: <caption>表格</caprion> 显示在表格外，表示名字

#53：与其他文字不在一行。

#54：表格的宽与长会自动调整。

#55：<td colspan="3">window</td>让window这一项占3个格子。

#56：<thead></thead>所包围起来的一部分叫做表头。

#57： <tbody></tbody> <tfoot></tfoot>将表格分为三部分。

背景颜色：

#58：添加背景颜色 <body style="background-color:blue">

同理，为某一段添加背景颜色 <p style="background-color:blue">

添加图片 <body style="background-imgae:url(html.jpg)"> 如果存放在别的目录下，需要加上路径（/image/html.jpg）

控制背景图片是否重复，在x或y方向上重复用 <body style="background-imgae:url(html.jpg)；background-repeat:no-repeat"> （no-repeat可以换成repeat x等等）

控制背景图片在什么位置用 <body style="background-imgae:url(html.jpg);background-position:100py,100px">(100px 100py可以换成其他)

控制背景图片是否跟随文字滚动 <body style="background-imgae:url(html.jpg);background-attachment:fixed">

1 0

HTML

基础：

样式表可以实现，用css ：

短语格式 ：

特殊格式 ：

属性：

列表：

图片：

链接：

表格：

背景颜色：

短语格式：

特殊格式：