第1~3章

2020-02-18  本文已影响0人  yuzangqian

html lable in this chapter

html label description usage
<title> title <title> page title </title>
<img> image <img src="xxx.gif">
<em> 强调 <em> xxx </em>
<h1-6> 标题 <h1> head1 </h1>
<!-- --> 注释 <!--12113-->
<style> 样式 <style type=text/css>
css code
</style>
<br> 换行 <br> / <br/>
<a> link,可inline 可block <a href="newsite.html"> description </a>
href : hypertextreference
<a ><img></a> 图片链接 <a href="lounge.html"> <img src="green.jpg">return </a>
<q> 引用,inline元素,字段加双引号 <q>该段文字会加引号</q>
blockquote 大段引用,块元素 <blockquote>大段文字</blockquote>
code 代码显示 <code> import os </code>
time 时间 <time> 2012-10-10 15:00:00 </time>
strong 加粗 <p><code>import <strong>sys</strong></code></p>
css description usage
background-color 北京颜色 backgound-color : #FFFFFF
border 边框 border: 1px solid black
margin 外边距(ie不支持) margin: 20% margin: 10px
padding 内边距 padding: 20% padding: 10px

元素属性:浏览器只认元素预定义的属性, html5已经支持自定义的属性名

列表

无序列表:

<ul>
<li> red </li>
<li> red </li>
<li> red </li>
<li> red </li>
</ul>

列表嵌套:

<ol>
<li> red </li>
    
<li>
    <ul>
          <li> high </li>
          <li> middle </li>
          <li> small </li>
 </li>
<li> red </li>
</ol>

特殊字符处理

注意包含分号

字符 含义
< <
> >
& &
  空格
" "

特殊字符编号
&#100 可以使用编号也可以使用实体名表示特殊字符

pre标签

保存pre中间的空格,换行等等,pre中间不要有块元素。
     pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

   <pre> 标签的一个常见应用就是用来表示计算机的源代码。

   可以导致段落断开的标签(例如标题、<p><address> 标签绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

   pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接图像水平分隔线。当把其他标签(比如 <a> 标签)放到 <pre> 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子:

<pre>
&lt;html&gt;

&lt;head&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
  &lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</pre>
上一篇下一篇

猜你喜欢

热点阅读