第一天
1>HTMLl基础知识:
(1)HTML初步了解:
% 它是一种描述网页的超文本标记语言
%标记语言是一套标记标签,它使用标记标签来描述网页
(2)HTML标签
%格式:<>【里面为关键词】
%成对出现
%eg:<p></p>前者为开始标签,后者为结束标签
(3)HTML文档=网页
%HTML 文档包含 HTML 标签和纯文本
%HTML文档描述网页
%<html> 与 </html> 之间的文本描述网页,<body> 与 </body> 之间的文本是可见的页面内容
2>编辑器
我用的是Sublime:
3>基本标签:
(1)标题h1-h6标签<h1></h1>【只有这六个,并且随着角标数字的增大,字的大小越小】
(2)段落<p></p>标签
(3)图像<img>标签
(5)粗体标签<b></b>
(6)斜体标签<i></i>
(7)下划线标签<u></u>
(8)删除线标签<s></s>
(9)上标<sub></sub>
(10)下标<sup></sup>
(11)有序列表ol li,无序列表ul li, 定义列表:dl dt dd
有序列表ol li,无序列表ul li:
定义列表:
<11>转义
<12>表格table标签
<13>缩写说明abbr标签
效果:
以下是前四个标签的整合代码:
4>HTML元素:
(1)HTML 文档由嵌套的 HTML 元素构成
(2)<html> 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>
(3)没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。eg:<br>
5>属性:
(1)HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息
(2)在 HTML 元素的开始标签中规定
(3)eg:
<body background="purple"></body>
<a href="http://write.blog.csdn.net">href是它的属性</a>
如下:
效果:
6>注释:
(1)可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们
(2)例:<!--注释内容-->
7><hr /> 和<br/>【<br>也可以的】<pre></pre>标签:
(1)在 HTML 页面中创建水平线,hr 元素可用于分隔内容。
(2)br在不产生一个新段落的情况下进行换行
(3)pre保留空格和换行
8>HTML样式——style:
(1)文字居中:
9>文档类型:
<!DOCTYPE html>
(1)HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
(2)<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
(3)常见的声明: