认识style元素
要增加样式,需要在页面中增加一个新的element这就是,<style>元素。
<style type="text/css">
body{
background-color:#d2b48c;
margin-left:20%;
margin-right:20%;
border :2px dotted black;
font-family:sans-serif;
}</style>
- 元素可以有属性
通过属性可以提供元素的附加信息。比如说,style元素,其属性允许你准确的指定什么类型的样式。以后还会看到更多属性,你只要记住:
属性能提供元素的一些额外信息
- 为什么必须指定样式类型“text/css”作为style元素的属性?还有其他类型样式么?
以前HTML的设计者认为可能会有其他样式,实际上没有。所以事实表明,完全可以只使用style而不带类型属性。 - 为什么CSS规则前面有一个"body"?
因为CSS中的"body"表示“{}”中的所有内容都要应用于HTML<body>元素中的内容。
认识HTML中的HT(hypertext)
<a>
使用<a>元素创建一个超文本链接,链接到另一个web页面。
<a>的相对路径:
如图,lounge.html文件里引用elixir.html的相对路径为:(下行)
href="beverage/elixir.html"
而elixir.html到lounge.html的相对路径为:(上行)
href="../lounge.html"
其中../
表示上行一个文件夹,../../
表示上行两个文件夹
再如,elixir.html到red.jpg的相对路径为:
href="../images/red.jpg"
了解属性
<style type="text/css">
<a href="irule.html">
<img src="sweetphoto.gif">
如果是<car>元素呢,如果它是存在的一个元素你可能想这样写:
<car> My Red Mini</car>
不过这个car元素提供一个描述性的车名,它没有告诉我们汽车的品牌、型号、是不是敞篷车,以及我们可能想知道的很多其他细节。所以如果car元素的确是一个存在的元素,则,我们可能这样使用它:
<car make="Mini" modle="Cooper">My Red Mini</car>
- 我能为html元素造新属性么?
Web浏览器只认识每个元素的预定义属性,如果你造了新属性,浏览器不会知道如何处理。但现在HTML5已经支持定制数据属性,允许你为新属性构造定制的属性名。
构建模块
1.<q>
q:引用(quote),网页中一般会自动加入引号
2.<blockquote>
块引用,网页中会创建一个单独的文本快。
3.<em> <strong>
表强调
4.<br>
表换行
5.列表<li>
<li>:把每个列表项放在一个li中
<ol>或者<ul>:包围列表项
如果使用<ol>(ordered list)包围列表项:则这些列表将作为有序列表表示:(1/2/3/4)
否则是无序的。
6.<time>
表时间
7.<code>
表插入代码
8.<pre>
希望浏览器按照自己的输入方式原样显示文本
- 关于块元素和内联元素:
q就是内联元素,blockquote就是块元素。
要记住:块元素特立独行,内联元素随波逐流 - 无内容的元素(void元素)
<br>元素是一个没有内容的元素。
除了br,还有img等等元素。
- 列表中能否嵌入列表?
可以。 - 除了上述两种列表,还有其他列表么?
事实上,还有定义列表:
<dl>
<dt>Burma Shave Signs</dt>
<dd>Road signs common....</dd>
<dt>...</dt>
<dd>...</dd>
</dl>
- 元素的嵌套关系是什么?
- 特殊字符怎么输入?
如果你要在网页上输入<html>是特殊字符
这一段话,那么你要输入的是<html>是特殊字符
可以在字符实体清单(www.w3schools.com/charts)
里找到每个字符的表示方法。