HTML+CSS第一课:初识HTML

1、HTML语言

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

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

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

标签的特点:

  •  由尖括号包围的关键词,比如 <html>    
  • 通常是成对出现的,比如 <h1> 和 </h1>    
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签;     开始和结束标签也被称为开放标签和闭合标签。    
  • 也有单独呈现的标签,如:<img src="图片名称.jpg" />等。    
  • 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。    
  • 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。
  • 某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯

3、HTML文档结构

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

HTML+CSS第一课:初识HTML

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

<html>
    <head></head>
    <body>
        <h1>Hello world</h1>
    </body>
</html>

步骤:

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

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

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