一个简单的HTML例子(2)

1.第一个网页

        以 .html 结尾的文件称之为HTML文件,是专门写给浏览器看的文件。HTML全称为超文本标记语言,其语法规则是使用尖括号来标记内容的,例如:




    
    
    
    这是网页的标题


    

这是我写的第一个网页!

新建一个文件,复制上面的代码,后缀名改为.html,用浏览器打开。
一个简单的HTML例子(2)_第1张图片

标签 备注
文档类型。通常写在网页的首行.
html标签。包含整个网页的内容。
头部标签。用来存放文档的头部信息的,该标签内的内容对用户不可见。
指定文档的编码为utf-8。
设置网页的标题。显示在浏览器的标签页上。
网页文档的主体标签,打开浏览器看到的网页就是写在这个标签里面的。

段落标签,表示文本的一个段落。p是英文单词paragraph的首字母。

        是一对标签,它表示网页的主题部分,也可以理解为是网页的"身体"。我们写的HTML代码要在浏览器能够看到,就必须写在标签中。

这是我写的第一个网页!

,文本被p标签包裹,表示一段文本。

打开一个段落标签,

用来结束一个段落标签。所有的标签都要正确的打开和关闭,才会有你想要的效果! 另外。HTML不区分大小写,

一对标签也可以写成

这里是网页的标题
也可以写成:
这里是网页的标题 这里是网页的标题 这里是网页的标题

效果都是一样的,为了方便我们阅读代码,建议小写字母标签。

2.什么是html元素?

        一个完整的html标签,称之为一个元素。例如:

一个简单的HTML例子(2)_第2张图片

可以称之为p标签,也可以称为p元素。p元素的主要内容:
1.开始标签:包含元素的名称,用<>括起来。
2.结束标签:与开始标签类似,只不过在元素名称前面写了/,用于表示元素的结束。
3.内容:元素的内容,就是p元素里面包含的文本信息。
4.元素:开始标签,结束标签,加上内容,就称为元素。
另外,没有内容的元素,称为空元素,如

3.什么是html属性?

        属性是对元素的额外说明,或者说是元素的额外信息,这些额外信息不应该显示在元素的内容中。
一个简单的HTML例子(2)_第3张图片
class是属性名称,tag是属性的值。class属性可以为元素提供一个标识名称,以便为元素指定样式或进一步的操作。
一个完整的属性应该包括:
1.空格(与元素名之间相隔一个空格)
2.属性名称和等号。
3.属性值(写在双引号里面)。

你可能感兴趣的:(html,前端)