前端培训基础HTML

HTML

• HTML(Hypertext Markup Language) 超文本标记语言。

• 它负责网页的三个要素之中的结构。

• HTML使用标签的的形式来标识网页中的不 同组成部分。

• 所谓超文本指的是超链接,使用超链接可 以让我们从一个页面跳转到另一个页面。
• 一个最基本的HTML页面:

<!DOCTYPE html> <html>

        <head>

               <meta charset=”UTF-8″>

              <title>网页标题</title>

      </head>

     <body>

                 <h1>网页正文</h1>

     </body>

</html>
标签

• HTML中的标记指的就是标签。

• 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注释中的内容不会在网页中显示。

• 格式: <!– 注释内容 –>

• 合理的使用注释可以帮助开发人员理解网 页的代码。

• 注释不能嵌套!

想要了解跟多关于web前端培训课程内容欢迎关注尚硅谷web前端培训,尚硅谷除了这些技术文章外还有免费的高质量web前端培训训课程视频供广大学员下载学习


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)