前端基本知识（一）

来源：互联网发布：中国网络世界好先进编辑：程序博客网时间：2024/05/17 23:18

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>

查看结果：

This is a header

This is a paragraph.

This is a header

This is a paragraph.

0 0