html简记1

最新推荐文章于 2024-10-17 19:47:35 发布

congklee

最新推荐文章于 2024-10-17 19:47:35 发布

阅读量319

点赞数

文章标签： html 浏览器 reference 图形 network 网络

本文链接：https://blog.csdn.net/congklee/article/details/7426251

版权

lesson 5
</html>
<head>
<title></title>
</head>

<body>
</body>
</html>

lesson 6
<i>斜体</i>
<small>小字体</small>
<br /> 换行
<hr /> 水平线
<ul>无序列表</ul>
<ol>有序列表</ol>
<li>列表项</li>

lesson 7
属性应写在元素的首标签上。
具体写法是：
属性名称（attribute name）后紧跟一个等号（“=”），
后面写上用双引号括起来的属性值（attribute value）。对于style属性的值，
可以用分号（“;”）来分隔多个样式指令。
例如: <html>

<head>
</head>
<body style="background-color:#ff0000;">
</body>

</html>
白色： #ffffff
黑色： #000000
红色： #ff0000
兰色： #0000ff
绿色： #00ff00
黄色： #ffff00
其他:http://zh.html.net/tutorials/html/lesson7_216websafecolourchart.php
对于一些最常用的颜色（比如白色、黑色、红色、兰色、绿色及黄色等），你还可以使用它们的英语名称
<body style="background-color: red;">

lesson 8

例1:
<a href="http://www.html.net/">这是一个指向HTML.net的链接</a>
元素a代表“链接（anchor）”；属性href代表“超文本引用（hypertext reference）”，
例2:
如果你要在同一网站的不同网页间做链接，那就不必拼写出网页的完整URL。
举个例子，假如你有两个网页（比如说page1.htm和page2.htm），
而且它们被存放在同一个文件夹中，那么你在做链接的时候，只要写出文件名就行了。
这样，page1.htm到page2.htm的链接将如下所示：

<a href="page2.htm">点击这里转到第2页</a>

如果page2.htm被放在下一级文件夹中（比如“subfolder”），那么链接将是这样：

<a href="subfolder/page2.htm">点击这里转到第2页</a>

反过来，从page2.htm（在下级文件夹中）到page1.htm的链接将是这样：

“../”代表当前位置（即该链接所在文件所处的文件夹）的上一级文件夹。同理，当前位置的上上级文件夹可用“../../”表示。

如果要在一个网页内做链接怎么办呢？

你也可以在一个网页的内部做链接——比如在网页开始处提供一个目录，在其中列出指向下面各章的链接。这可以通过使用id属性和“#”符号来实现。

用id属性标出要被指向的元素。例如：

然后通过在链接中利用“#”来指向那个元素。 “#”后面必须紧跟着一个id属性的值，表明链接指向该id属性被定义的地方。例如：

例5:

<html>

<head>

</head>

<body>

</body>

</html>

你还可以为e-mail地址做链接，方法跟为网页做链接差不多:

例6:

<a href="mailto:nobody@html.net">给nobody@html.net发电子邮件</a>

创建链接总要用到href属性。另外，你也可以在链接上使用title属性：

lisson 9

图像

你要做的只是：首先告诉浏览器你要插入一张图片（img），接着给出这张图片的存放位置（src，代表“来源（source）”）就行了。

注意：img元素没有尾标签，它与<br />一样，不与特定的文本相关。

有三种类型的图片文件可被插入网页中：

GIF（Graphics Interchange Format，图形交换格式）
JPG或JPEG（Joint Photographic Experts Group，联合图像专家组）
PNG（Portable Network Graphics，可移植网络图像）

一般来说，GIF是图形和图画的最佳格式，而JPEG格式则更适合存放照片。原因有二：第一，GIF格式只支持256色，而JPEG格式支持数百万色；第二，GIF格式擅长于压缩简单图像，而JPEG则更适于压缩复杂图像。压缩率越高，图像文件就越小，页面加载速度就越快。也许你也有同感，包含太多无用内容的网页是很不受欢迎的。

过去，GIF和JPEG是两大主要的图像格式，但是最近PNG格式也开始流行起来（主要是在取代GIF格式）。PNG格式拥有许多JPEG与GIF的共同优点：支持数百万色，且压缩效果好。

其他例子:

访问文件夹中的图片:

访问网络图片:

用图片作为网址链接:

alt属性用于给出图像的替用描述，假如由于某些原因该图像未能显示出来，浏览器就通过显示这个描述来替代图像:

有些浏览器会在鼠标光标移到图像上时显示出alt属性的文本。但是，在使用alt属性时请注意，该属性的目的是为图片提供一个替用描述，有视力障碍的人士会利用alt属性来听取有关图片的描述，所以不要将该属性用于显示文本提示——那是title属性的功能:

如果你没有为图像设置宽度和高度，它将按原始尺寸显示。但是如果设置了的话，你就可以控制它的显示尺寸：