前端入门（一）

2018-05-31 本文已影响56人玄非氪命

HTML

HTML(Hypertext Markup Language)超文本标记语言。
它负责网页的三个要素之中的结构。
HTML使用标签的形式来标识网页中的不同组成部分。
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

<!-- 一个最基本的HTML页面-->
<!DOCTYPE html>
<html>
<head>
    <meta charset = "UTF - 8">
    <title>网页标题</title>
</head>
<body>
    <h1>网页正文</h1>
</body>
</html>

元素

我们还将一个完整的标签称为元素。
这里我们可以将元素和标签认为是一个同一词。

<h1>一级标题</h1>

上边的h1我们就称为元素

<p>我是一个<em>段落</em></p>

p也是一个元素，em是p的子元素，p是em的父元素。

<body>
    <p><em>内容</em></p>
</body>

body 也是一个元素。
body 是p和em的祖先元素。
p 和em是body的后代元素。

属性

可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束中。
属性总是以名称/值对的形式出现。
比如:name = 'value'
有些属性可以是任意值，有些则必须是指定值。

<h1 title='我是一个标题'>标题</h1><img src=''' alt=''/>

常见属性

id

-id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。
class

-class属性用来标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指向多个class。
title

-title属性用来指定标签的标题，指定title以后，鼠标移动到元素上方时，会出现提示文字。

注释

HTML注释中的内容不会在网页中显示。
格式：

<!--注释内容-->

合理使用注释可以帮助开发人员理解网页的代码。
注释不能嵌套！！！

THIS PERIOD END

前端入门（一）

HTML

标签

元素

属性

常见属性

注释

THIS PERIOD END

猜你喜欢

热点阅读