文章目录
- 前言
- 一、HTML是什么?
- 二、HTML标签
- 三、HTML文档=网页
- 四、HTML编辑器
- 五、HTML 标题
- 六、HTML 段落
- 七、HTML 链接
- 八、HTML 图像
- 九、HTML 元素
- 十、HTML 元素语法
- 十一、嵌套的 HTML 元素
- 十二、空的 HTML 元素
- 十三、HTML 属性是什么
- 十四、HTML 提示:使用小写属性
- 十五、始终为属性值加引号
- 十六、HTML 属性实例
- 十七、HTML标题
- 十八、HTML 水平线
- 十九、HTML 注释
- 二十、条件注释
- 二十一、软件程序标签
- 二十二、HTML 段落
- 二十三、HTML 换行
- 二十四、HTML的style属性
- 二十五、HTML 样式实例 - 背景颜色
- 二十六、HTML 样式实例 - 字体、颜色和尺寸
- 二十七、HTML 样式实例 - 文本对齐
- 二十八、HTML 文本格式化实例
- 二十九、HTML 颜色
- 三十、总结
前言
`为了顺利完成毕业设计,那就开始学习怎么搬砖?IT男超哥码代码永远在摸鱼中,话不多少,开始啦!
一、HTML是什么?
HTML是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
二、HTML标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML标签是有尖括号包围的关键词,比如html;
- HTML 标签通常是成对出现的,比如b和 /b;
- 标签对中的第一个标签是开始标签,第二个标签是结束标签。
- 开始和结束标签也被称为开放标签和闭合标签。
三、HTML文档=网页
- HTML 文档可以用来描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也可以被称为网页
**浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。**代码如下(示例):
<!DOCTYPE html>
<html>
<body>
<h1>IT男超哥的个人网页</h1>
<p>Hello world!这是每个人一生中敲代码开始的第一个代码!</p>
<p>由此生成我的第一个段落。</p>
</body>
</html>
语法说明:
- html与 /html之间的文本描述网页;
- body与/body之间的文本是可见的页面内容;
- h1与/h1之间的文本被显示为标题;
- p与/p之间的文本被显示为段落。
四、HTML编辑器
可以使用专业的 HTML 编辑器来编辑 HTML:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
步骤一:启动记事本
如何启动记事本:
- 开始
- 所有程序
- 附件
- 记事本
步骤二:用记事本来编辑 HTML
在记事本中键入 HTML 代码:
步骤三:保存 HTML
- 在记事本的文件菜单选择“另存为”。
- 当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。
- 在一个容易记忆的文件夹中保存这个文件,比如 w3school。
步骤四:在浏览器中运行这个 HTML 文件
启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。
五、HTML 标题
HTML 标题(Heading)是通过h1 - h6等标签进行定义的。
代码如下(示例):
<!DOCTYPE html>
<html>
<body>
<h1>这是第一级标题</h1>
<h2>这是第二级标题</h2>
<h3>这是第三级标题</h3>
</body>
</html>
六、HTML 段落
HTML 段落是通过p标签进行定义的。
七、HTML 链接
HTML 链接是通过a标签进行定义的。
<a href="http://www.w3school.com.cn">This is a link</a>
八、HTML 图像
HTML 图像是通过img标签进行定义的。
<img src="w3school.jpg" width="104" height="142" />
九、HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
开始标签p和结束标签/p、单标签/a、br。
十、HTML 元素语法
- HTML 元素以开始标签起始。
- HTML 元素以结束标签终止。
- 元素的内容是开始标签与结束标签之间的内容。
- 某些 HTML 元素具有空内容(empty content)。
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)。
- 大多数 HTML 元素可拥有属性。
十一、嵌套的 HTML 元素
- 大多数 HTML 元素可以嵌套(可以包含其他 - HTML 元素)。
- HTML 文档由嵌套的 HTML 元素构成。
- HTML 文档实例
<!DOCTYPE html>
<html>
<body>
<p>这是我的第一个段落。</p>
</body>
</html>
实例解释:
- 实例中出现的p是在HTML中定义的段落元素,他有开始标签和结束标签,是双标签。元素之间是所要表述的内容。
- body元素是在HTML文档中定义的主体,该元素有开始标签和结束标签。一般写的是网页的正文内容。
- html元素定义了整个HTML文档。该元素有开始标签和结束标签。它所包含的内容有head元素、body元素、p元素等。
- 一般而言,不要忘记结束标签。即使我们忘记了使用结束标签,大多数浏览器也会正确地显示 HTML。忘记使用结束标签会产生不可预料的结果或错误。
- HTML 标签对大小写不敏感:P等同于p。许多网站都使用大写的 HTML 标签。
十二、空的 HTML 元素
- 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
- br就是没有关闭标签的空元素(br标签是用来换行的)。
- 在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
- 在开始标签中添加斜杠,比如br /,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
- 即使br在所有浏览器中都是有效的,但使用br /其实是更长远的保障。
十三、HTML 属性是什么
- HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
- 属性总是以名称/值对的形式出现,比如:name=“value”。
- 属性总是在 HTML 元素的开始标签中规定。
十四、HTML 提示:使用小写属性
- 属性和属性值对大小写不敏感。
- 不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。
十五、始终为属性值加引号
- 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
- 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号。
十六、HTML 属性实例
代码如下(示例):
<!DOCTYPE html>
<html>
<body>
<a href="http://wwww.w3school.com.cn">This is a link.</a>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1 align=&#