HTML+CSS第一课：初识HTML-3个步骤创建自己的第一个html网页

1、HTML语言

HTML 全称 Hyper Text Markup  Language，超文本标记语言。
超文本：指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
标记语言：将文本及相关信息结合起来，展示出文档结构与数据处理细节的电脑文字编码。

2、超文本标记语言的组成

超文本标记语言由标记组成，并且成对出现。（HTML文档中标记又称为标签）HTML标签是HTML语言中最基本的单位。

标签的特点：

•  由尖括号包围的关键词，比如     
• 通常是成对出现的，比如

  和

      
• 标签对中的第一个标签是开始标签，第二个标签是结束标签；     开始和结束标签也被称为开放标签和闭合标签。    
• 也有单独呈现的标签，如：等。    
• 一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如

  标题

  和 。    
• 网页的内容需在标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中，而网页需展示的内容需嵌套在标签中。
• 某些时候不按标准书写代码虽然可以正常显示，但是作为职业素养，还是应该养成正规编写习惯。

3、HTML文档结构

超文本标记语言的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

4、用记事本创建自己的第一个网页

    
    
        
Hello world
    

步骤：

1）新建一个txt文档，并将以上代码复制粘贴到txt文档里

2）将txt文档另存为html格式，文件名为英文，如first.html

3）双击打开html文件，即可在浏览器中查看自己的第一个网页

5、文本标签

1）标题标签：标题（Heading）是通过

-

等标签进行定义的。  

定义最大的标题。

定义最小的标题。

2）font标签： 规定文本的字体、字体尺寸、字体颜色。（在 HTML 4.01 中，部分标签已被废弃，这里作为练习使用）

                    语法：文本内容                       

                   注意：size属性可能的值：从 1 到 7 的数字。浏览器默认值是 3。

3）其他文本标签：

标签名	作用	效果	语法
B	加粗	文本	文本
I	斜体	文本	文本
U	下划线	文本	文本
STRONG	重点强调（默认效果为加粗）	文本	文本
CITE	引用（默认效果为斜体）	文本	文本
SUP	上标		文本
SUB	下标		文本

4）特殊符号：

HTML实体	特殊符号	描述
<	<	小于号
>	>	大于号
&	&	&符号
®	®	己注册
©	©	版权
™	™	商标
	空格	空格符
"	“	引号

 

6、HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签	元素内容	结束标签
	This is a paragraph
	This is a link