网页元素与链接应用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/jspshuishui/article/details/29370247

charset ：charset 属性规定在外部脚本文件中使用的字符编码。

src：<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。

提示：为了整理文档的存储，创作者通常会把图像文件存放在一个单独的文件夹中，而且通常会将这些目录命名为 "pics" 或者 "images" 之类的名称。

<!DOCTYPE HTML>
<html>

<body>

<p>
一幅图像：
<img src="/i/eg_mouse.jpg" width="128" height="128" />
</p>

<p>
一幅动画图像：
<img src="/i/eg_cute.gif" width="50" height="50" />
</p>

<p>请注意，插入动画图像的语法与插入普通图像的语法没有区别。</p>

</body>
</html>

查看结果：

一幅图像：

一幅动画图像：

请注意，插入动画图像的语法与插入普通图像的语法没有区别。

href

<html>
<body>

<p>绝对链接：</p>

<a href="http://www.w3school.com.cn">W3School</a>

<p>相对链接：</p>

<a href="/index.html">W3School</a>

</body>
</html>

查看结果：

绝对链接：

W3School

相对链接：

W3School

ULR：链接地址

<span> 标签被用来组合文档中的行内元素。

ul：<ul> 标签定义无序列表

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

<html>

<body>

<h4>一个嵌套列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶</li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>

</body>
</html>

查看结果：

一个嵌套列表：

咖啡
茶
- 红茶
- 绿茶
牛奶

<div> 可定义文档中的分区或节（division/section）。

<html>
<body>

<h3>This is a header</h3>
<p>This is a paragraph.</p>

<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

</body>
</html>