html文档设置标记

原创
2018/04/22 20:32
阅读数 167

文档设置标记:

格式标记:

1.<br> 强制换行

2.<p></p> 换段落

3.<center>居中对齐

4.<pre></pre>预格式化标记保留预先编排好的格式。

5.<li></li>

6.<ul></ul> 无序列表

7.<ol></ol>有序列表;

<ol type=’1’></ol> type=A ,1,a…..大写罗马数字,小写罗马数字等。

<li></li>:Value:设置起始位置从哪个数字开始。如<li value="5">css</li>

8.<hr>

9.<div>

示例代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="keywords" content="哇哇哇奥无">

<title>hello world!!</title>

</head>

<body>

<h1>这是个测试hello world 网页html/css基础入门</h1>

今天是个好日子<br> 好日子

我与父亲不相见已二年余了,我最不能忘记的是他的背影。那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子,我从北京到徐州,打算跟着父亲奔丧回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说,“事已如此,不必难过,好在天无绝人之路!”

  <p>

回家变卖典质,父亲还了亏空;又借钱办了丧事。这些日子,家中光景很是惨淡,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。

  到南京时,有朋友约去游逛,勾留了一日;第二日上午便须渡江到浦口,下午上车北去。父亲因为事忙,本已说定不送我,叫旅馆里一个熟识的茶房陪我同去。他再三嘱咐茶房,甚是仔细。但他终于不放心,怕茶房不妥帖;颇踌躇了一会。其实我那年已二十岁,北京已来往过两三次,是没有甚么要紧的了。他踌躇了一会,终于决定还是自己送我去。我两三回劝他不必去;他只说,“不要紧,他们去不好!”

  我们过了江,进了车站。我买票,他忙着照看行李。行李太多了,得向脚夫行些小费,才可过去。他便又忙着和他们讲价钱。我那时真是聪明过分,总觉他说话不大漂亮,非自己插嘴不可。但他终于讲定了价钱;就送我上车。他给我拣定了靠车门的一张椅子;我将他给我做的紫毛大衣铺好坐位。他嘱我路上小心,夜里警醒些,不要受凉。又嘱托茶房好好照应我。我心里暗笑他的迂;他们只认得钱,托他们直是白托!而且我这样大年纪的人,难道还不能料理自己么?唉,我现在想想,那时真是太聪明了!

</p>

<center>这是一个测试</center>

你是不是傻 乎乎

<pre>你是不是傻 乎乎</pre>

<li>html</li>

<li>css</li>

<li>javascript</li>

<li>java</li>

<ul>

<li>html</li>

<li>css</li>

<li>javascript</li>

<li>java</li>

</ul>

<ol type='1' >

<li value="5">html</li>

<li value="5">css</li>

<li>javascript</li>

<li>java</li>

</ol>

我想要分割线<hr>

我想要分割线

<div>我在一个div里面哦!!棒棒哒!!</div>

</body>

</html>

文本标记:

hn 共六个级别 h1-h6.

font:字体设置标记 <font size="7"> 这是font</font> size,colo=‘red’,face=’微软雅黑’属性

b:粗字体

i:斜体字

sub :下标

sup:上标

tt:打印机字体标记

cite:引用方式的字体,通常显示斜体

em:表示强调,通常为斜体字

strong:表示强调,通常为粗体字

small:小型字体

big:大型字体

u:下划线字体标记

<font size="7"> 这是font</font><br>

<font color="red"> 这是font</font><br>

<font face="宋体"> 这是font</font><br>

<b>这是一个加粗的字体</b><br>

<i>这是一个斜体字!</i><br>

<sub>这是下标</sub>的嘛?<br>

<sup>这是上标</sup>的嘛?<br>

<cite>引用方式字体?通常显示为斜体?</cite><br>

<tt>打印机字体标记?</tt><br>

<em>这是表示强调的?</em><br>

<strong>哈哈哈,strong</strong><br>

<small>到底是有多小?</small><br>

<big>到底是有多大?</big><br>

<u>这是下划线?</u><br><br>

展开阅读全文
打赏
1
0 收藏
分享
加载中
11/01 22:30
回复
举报
更多评论
打赏
1 评论
0 收藏
1
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部