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>,那么代码应该写为 &lt;p&gt;

         

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

 

  1. 将图片放到网页上:<img> 元素

注意:

<img>, <vedio> 这样的元素也称为替换元素,因为元素的内容和尺寸是有外部资源决定的。

src属性,alt属性

注意:

在得到授权之前永远不要把你的src属性指向其他人网站上的图片。这被称为"盗链(hotlinking)"

 

width属性, height 属性。

注意:

不应该使用html的属性来改变图片的大小,因为只要图片的尺寸不正确,图片看起来就会扭曲。在把图片放到你的网站页面之前,你应该使用图形编辑器使图片的尺寸正确。

如果你需要改变图片的尺寸,你应该使用CSS而不是HTML。

 

title属性

 

图片的语义容器:<figure>元素和<figcaption>元素

 

  1. 在网页中插入视频与音频

<video>, <audio> 元素

 

  1. 嵌入技术

 

  1. 在网页中添加矢量图形

 

网页上有两种类型的图片:位图(像素定义)和矢量图(算法定义),后者放大以后也不会变化,而前者放大以后会像素化。

 

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>除去第一行和最后一行的内容

 

posted @ 2021-01-19 10:47  周周和奇奇  阅读(133)  评论(0编辑  收藏  举报