html关于文字,背景,列表的相关代码

3.12 设置基底网址<base>

 

  <html>

  <head>

  <base href=”文件路径” target=”目标窗口”>

  </head>

  <body>

  </body>

  </html>

  Href用于设置网页文件的链接地址(网址),target用于设置页面显示的目标窗口.

3.13 设置基准文字<basefont>

  <html>

  <head>

  <basefont face=’’’’ size=’’’’ color=’’’’>

  </head>

  <body>

  </body>

  </html>

  <basefont>标记用于设置网页中的文字

  Face属性用于设置文字的名称,可以是宋体,隶书等;

3.14  定义元信息<meta>

  <html>

  <head>

  <meta http-equiv=’’’’ name=’’’’ content=’’’’>

  </head>

  <body>

  </body>

  </html>

  <meta>标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性

  决定,name属性用于设置元信息出现的形式,content属性用于设置元信息出现的内容.

3.15  设置页面关键字keywords

  <html>

  <head>

  <meta name=”keywords” content=”计算机,英语,会计,物理,职场”>

  </head>

  <body>

  </body>

  </html>

  Keyword用于说明定义的是关键字,用于提高网站被搜索引擎搜到的机率,输入任何计     算机,英语等可以搜到此网站。

3.16  设置页面过期时间expires

  <html>

  <head>

  <meta http-equiv=”expires” content=”FRI,1 JUN 2007 00 00 00 GMT>

  </head>

  <body>

  </body>

  </html>

  Expires用于设置网页的过期时间,content给出了网页过期的具体时间值。

3.21  设置页面背景 bgcolor

  <html>

  <head>

  </head>

  <body bgcolor=”blue”>

  </body>

  </html>

  Blue可以是英文的red 等,也可以是“#00ff00”等。

3.22  设置页面边距 topmargin, leftmargin, rightmargin, bottomnargin

  <html>

  <head>

  </head>

  <body topmargin=0 leftmargin=20 rightmargin=20 bottomnargin=180>

  </body>

  </html>

3.23  设计正文颜色 text

  <html>

  <head>

  </head>

  <body text=”white”>//设置正文颜色为白色。

  </body>

  </html>

4.11  添加文字

  <body>

  在此处添加文字

  </body>

4.12  添加注释<! -->或<comment>

  <html>

  <head>

  <! --请在此处添加注释>

  </head>

  <body>

  <comment>请在此处添加注释</comment>

  </body>

  </html>

  这两个注释添加到任何地方均不会被网页显示

4.13  添加空格 &nbsp

  <body>

  &nbsp; &nbsp; &nbsp; 

  </body>

  需要多少空格就输入多少&nbsp.

4.14  添加删除线<strike>

  <body>

  <strike>请在此输入需要添加删除线的文字</strike>

  </body>

4.15  插入特殊符号

  <body>

  &amp;......&copy;

  </body>

  插入符号对应的代码就可完成特殊符号的插入

4.21  编辑网页文字样式<font>,<basefont>

  <body>

  <font face=”楷体” size=”6” color=”red”>

  &nbsp;&nbsp;&nbsp;添加的文本

  </font>

  </body>

4.22  设置文字标注标记<ruby>

  <body>

  <ruby>

  当代最可爱的人

  <rt>

  志愿军

  </rt>

  </body>

  利用成对的<ruby><rt>…</rt></ruby>

4.31  简单修饰文字

  <body>

  普通文字显示<br>

  <b>加粗的文字</b><br>

  <i>斜体文字</i><br>

  <u>添加下划线文字</u><br>

  </body>

  利用成对的标记显示

4.32  确定文字上下标<sup>/<sub>

  <body>

  <sup>上标内容</sup><br>

  <sub>下标内容</sub><br>

  </body>

4.33  设置地址文字<address>

  <body>

  <address>地址信息</address>

  </body>

4.34  设置等宽文字<tt><samp><code><kdb>

  <body>

  <tt>打字机风格显示</tt>

  <code>等宽文字设置内容</code>

  <samp>等宽文字设置内容</samp>

  <kdb>键盘输入风格</kdb>

  </body>

4.4  段落<p>

  <body>

  <p>

  段落

  </p>

  </body>

4.41  回车 <br>

  <body>

  要输入现实的文字内容<br>继续输入要显示的内容

  </body>

4.43  预定义格式<pre>

  <body>

  <pre>

  </pre>

  </body>

  此标记在输入过程中按键盘上的回车键,就可以生成一个段落

4.44  居中显示文字<center>

  <body>

  <center>需要对其的内容</center>

  </body>

4.45  设置段落缩进<blockquote>

  <body>

  <blockquote>要所进的内容<blockquote>

  </body>

  利用一对此缩进可以缩进五个字符

4.46  忽略HTML标记<xmp>

  <body>

  <xmp>忽略<br>标记</xmp>

  </body>

  上述例子忽略了HTML的<br>换行标记,将“忽略<br>标记”整体输出。

4.47  插入并设置水平线<br>

  <body>

  <hr width=”100%” size=”1” color=””>

  </body>

  Width 设这水平线宽度,可以是像素,也可以是百分比 

  Size 设置水平线高度

  Noshade 设置水平线无阴影

  Color 设置水平线颜色

  Align 设置水平线居中对齐

5.11  插入定义列表<dl>

  <dl>

  <dt>名称<dd>说明

  <dt>名称<dd>说明

  <dt>名称<dd>说明

  </dl>

  <dt>标记定义了组成列表项名称部分,<dd>用于解释说明<dt>标记定义的项目名称

  此列表项目名称与具体内容没在同一行上.

  

5.12  插入无序列表<ul>     

  <ul>

  <li>项目名称:</li>具体内容               输出内容

  <li>联系人:</li>王增西                      ・联系人:王增西  

  <li>联系地址:</li>北京                     ・联系地址:北京

  </ul>

  此列表项目名称与具体内容在同一行上.

5.13  插入目录列表<dir>                      

  <dir>

  <li>联系人:莫某某</li>

  <li>联系地址:北京</li>

  </dir>

  输出内容

  ・联系人:王增西 

  ・联系地址:北京

5.14  插入菜单列表<menu>

  <menu>

  <li>联系人

  <li>联系地址

  <li>联系地址

  <menu>

  此单列表只需单个标记<li>

5.15 插入有序列表<ol>

  <ol Type=””>

  <li>联系人:莫某某</li>

  <li>联系地址:北京</li>

  <ol>

  默认为数字,此时去掉代码中的”Type=”””

  若为数字则显示为    1.联系人:莫某某

  此列表根据type属性来确定序列名称.

  1表示数字1 2 3 4 .....

  a表示小写字母a b c...

  A表示大写字母

  i表示罗马小写数字

  I表示罗马大写数字

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章