美文网首页程序员
前端入门(一)

前端入门(一)

作者: 玄非氪命 | 来源:发表于2018-05-31 20:40 被阅读56次

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注释中的内容不会在网页中显示。
  • 格式:
<!--注释内容-->
  • 合理使用注释可以帮助开发人员理解网页的代码。
  • 注释不能嵌套!!!

  • THIS PERIOD END

相关文章

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端工程化

    前端入门简单,做好难。 前端工程化,势在必行。

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

  • 前端 --- 那些事

    今天说说前端的入门吧!前端技术说好学也好学说不好学也有不好学的原因:其一因为前端不想Java有着较高的门槛,入门简...

  • 这么多年过去了,红宝书封面的小男孩终于站起来了!

    前言 相信以前很多前端的同学都是靠着看一些经典书籍来入门的(最近几年入门的前端很多都是靠线上视频来入门的),但在以...

  • animation参考

    web前端入门到实战:10分钟入门 CSS3 Animation - 前端天宇的文章 - 知乎https://zh...

  • 零基础转行自学前端,怎么学习更系统?

    凭借应用广泛、入门简单的优势,Web前端吸引了人们的广泛关注。学习Web前端就业薪资高,因此很多人都想入门前端开发...

  • 前端入门(一)

    HTML HTML(Hypertext Markup Language)超文本标记语言。 它负责网页的三个要素之中...

  • 前端入门(一)

    一小时学会写页面 作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给...

  • protobuf基础教程

    前端protobuf入门 此文只讲述web前端与后端使用protobuf进行数据交互的基础与入门教学,更加详细的内...

网友评论

    本文标题:前端入门(一)

    本文链接:https://www.haomeiwen.com/subject/tflcsftx.html