02.HTML
耗费时间:55min
第一章:HTML 入门
1.标签和元素的概念
2.嵌套元素
3.内联元素和块级元素。
内联元素:出现在块级元素中,内联元素不会导致文本换行
块级元素:内容以块的形式展现,相对于前面的内容,块级元素的内容会换行展示,同时还会将他后面的内容也换行。比如,<p>就是块级元素
4.空元素
5.元素的属性
6.锚(链接), <a></a>标签
7.<input></input>标签
8.标签的属性的定义格式
与开始标签的名称之间有一个空格,属性名称="属性内容"
9.完整的HTML页面是如何由特定元素组成的
(1)文档申明
(2)<html></html>标签,这个元素包含了整个完整的页面,是一个根元素
(3)<head></head>标签 它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容,比如页面描述、css样式、字符集声明
(4)<meta></meta>标签 设置字符集编码,比如设置属性 charset="utf-8",包含在<head>标签中
(5)<title></title>标签,包含在<head>标签中
(6)<body></body>标签 包含了你访问页面时所有显示在页面上的内容,文本,图片,音频,游戏等等。
10.HTML中的特殊字符
<>,",',&
如果要在页面中展示这些特殊字符,就用用他们的转义字符,例如要在页面展示<p>,那么代码应该写为 <p>
11.HTML 中的注释用<!--注释-->包裹即可
12.在页面中插入图片<img>元素,属性:scr, alt
13.文本标记HTML元素
(1)标题 <h1>,...,<h6>
(2)段落 <p>
(3)列表,<ul>,<ol>,其实就是格式化的段落
(4)链接 <a>, 属性: href
第二章:HTML 多媒体与嵌入
资料目录:学习 Web 开发请参见 学习 HTML :指南与教程多媒体与嵌入
耗费时间:20 min + 25min
- 将图片放到网页上:<img> 元素
注意:
<img>, <vedio> 这样的元素也称为替换元素,因为元素的内容和尺寸是有外部资源决定的。
src属性,alt属性
注意:
在得到授权之前永远不要把你的src属性指向其他人网站上的图片。这被称为"盗链(hotlinking)"
width属性, height 属性。
注意:
不应该使用html的属性来改变图片的大小,因为只要图片的尺寸不正确,图片看起来就会扭曲。在把图片放到你的网站页面之前,你应该使用图形编辑器使图片的尺寸正确。
如果你需要改变图片的尺寸,你应该使用CSS而不是HTML。
title属性
图片的语义容器:<figure>元素和<figcaption>元素
- 在网页中插入视频与音频
<video>, <audio> 元素
- 嵌入技术
- 在网页中添加矢量图形
网页上有两种类型的图片:位图(像素定义)和矢量图(算法定义),后者放大以后也不会变化,而前者放大以后会像素化。
SVG 用于描述矢量图形的XML语言。
在HTML中通过<img>元素添加SVG。
第三章:HTML 表格
资料目录:学习 Web 开发请参见 学习 HTML :HTML 表格
耗费时间: 10min+15min+5min
1.表格的构成元素
<table>元素
<td>元素 多个td 会构成一行,单元格
<tr> 元素 行标签
<th> 元素 行和列的第一个元素,叫标题
Colspan 与rowspan 属性
<col> 和<colgroup>元素 用来设置一列的样式,一个<col>元素设置一列的样式,如果这一列不需要设置样式,也需要放一个空元素<col>,否则就要使用<col>元素的span属性。要注意这两个元素的位置就在<table>标签的下方。
帮助标记表格结构的元素:<thead>, <tbody>, <tfoot>
使用这些元素可以更好的让CSS应用到表格上。
<thead>代表第一行,也就是每一列的标题。
<tfoot>代表最后一行。
<tbody>除去第一行和最后一行的内容