以下内容均为个人学习笔记。
HTML 链接
注意:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="//www.w3cschool.cn/html"
,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/"
。
HTML CSS
- 内联样式- 在HTML元素中使用"style" 属性
- 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
- 外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件。
HTML 图像
使用<img>
标签定义 HTML 页面中的图像。<img>
标签有两个必需的属性:src
和alt
。
注意:假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。
注意:加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。
HTML 表格
有以下两个属性,用于调整HTML表格中单元格的空间:
-
cellspacing
属性-定义表格单元格之间的空间 -
cellpadding
属性-表示单元格边框与单元格内容之间的距离
合并单元格:
- 如果要将两个或多个列合并为一个列,将使用
colspan
属性 - 如果要合并两行或更多行,则将使用
rowspan
属性
表可以包含多个<tbody>
元素以指示不同的页面。
但值得注意的是<thead>
和<tfoot>
标签应出现在<tbody>
之前
HTML 列表
注意:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
HTML 布局
注意:使用 CSS 最大的好处是,如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局。
注意:由于创建高级的布局非常耗时,使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板(您可以使用这些预先构建好的网站布局,并优化它们)。
HTML URL
一个网页地址实例: //www.w3cschool.cn/html/html-tutorial.html
语法规则:
scheme://host.domain:port/path/filename
说明:
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 w3cschool.cn
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
常见的 URL Schemes:
Scheme | 访问 | 用于... |
---|---|---|
http | 超文本传输协议 | 以 http:// 开头的普通网页。不加密。 |
https | 安全超文本传输协议 | 安全网页,加密所有信息交换。 |
ftp | 文件传输协议 | 用于将文件下载或上传至网站。 |
file | 您计算机上的文件。 |
URL 字符编码
- URL 只能使用 ASCII 字符集。
- URL 编码会将字符转换为可通过因特网传输的格式。来通过因特网进行发送,由于
URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。 - URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
- URL 不能包含空格。URL 编码通常使用 + 来替换空格。
margin padding 属性
简写方式:
padding: 10px 20px 10px 20px;
margin: 10px 20px 10px 20px;
这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左。
两个div
的垂直排列,其中上面div
的margin-bottom: 10px
,下面div
的margin-top: 20px
,两者之间的距离为 20px。(取两者 margin 的 Max)。