HTML基础

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
我们先举个例子:

<!DOCTYPE html>//<!--声明为 HTML5 文档-->
<html>//<!--HTML 页面的根元素-->
<head><!--包含了文档的元(meta)数据-->
<meta charset="utf-8"><!--定义网页编码格式为 utf-8-->
<title>教程</title><!--文档的标题-->
</head>
<body><!--内容 只有 <body> 区域 才会在浏览器中显示。-->
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签(也叫元素)
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:href。

<a href="http://www.runoob.com">这是一个链接</a><!--HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:-->

HTML 属性常用引用属性值
1.属性值应该始终被包括在引号内。
2.双引号是最常用的,不过使用单引号也没有问题。
提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'

HTML 中 href、src 区别
href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:

<link href="reset.css" rel=”stylesheet“/>

浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的原因。 src 是 source 的缩写,src 的内容是页面必不可少的一部分,是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如

<script src="script.js"></script>

当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。
简而言之,src 用于替换当前元素;href 用于在当前文档和引用资源之间建立联系。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,275评论 0 3
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,431评论 0 4
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,121评论 2 21
  • 周四下午开会的时候领导安排,周五全区的啦啦操比赛在我们学校举行,上午十点某某局的领导还要来检查卫生工作,特别...
    汉唐妮儿阅读 455评论 0 3
  • 海棠社第497期比赛作业主题:油菜花开(须展开)体裁:杏花天(钦谱朱敦儒体)东道主:相由心生收稿:肖公子 参赛作品...
    诗词海棠阅读 746评论 0 5