HTML - Hello World
Posted guangerTalks
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML - Hello World相关的知识，希望对你有一定的参考价值。
(from unsplash)
HTML - Hello World
因为对前端的东西几乎一无所知，在日常工作中，经常也会接触到一些，于是趁着自己最近有时间，系统的学习一遍。
学习教程主要参考：https://www.w3schools.com/html/default.asp
HTML - 超文本标记语言
超文本标记语言 HyperText Markup Language
不是编程语言，而是一种标记语言，用来描述网页
超文本的理解：可以加入图片、声音、动画、多媒体等；可以跳转 -> 超级链接文本
HTML使用
标签来描述网页HTML文档后缀为
.html、.htm（常用的是.html）
Demo
<!DOCTYPE html>
<html>
<head>
<mata charset="utf-8" />
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
DOCTYPE：声明文档类型，doctype声明是不区分大小写的。（HTML对大小写不敏感）<html>：HTML页面的根元素，结束标识为</html>，它们之间描述网页。<head>：文档的元数据，如<meta charset="utf-8">定义了网页编码格式utf-8。<title>：定义文档的标题<body>：定义文档的主体，即网页可见的页面内容，结束标识为</body>。（只有<body>区域才会在浏览器中显示）<h1>：一级标题，结束标识为</h1><p>：段落显示，结束标识为</p>
标签
<html>标签
定义整个html文档。拥有一个开始标签，以及一个结束标签。
<html>
...
</html>
<head>标签
包含了所有的头部标签元素。
必须包含文档的标题title，可以包含样式、脚本、meta元数据以及其他更多的信息。
<body>标签
定义文档的主体。包含了文档的所有内容（比如文本、超链接、图像、表格和列表等）
如下为html的基本结构：
<html>
<head>
...
</head>
<body>
...
</body>
</html>
元素
HTML文档由HTML元素定义
以开始标签起始，以结束标签终止，元素的内容是最开始标签与结束标签之间的内容
HTML文档由嵌套的HTML元素构成
HTML中标签分类：
单标签：
<hr />、<input type="text" />、<!doctype html>等双标签：
<html></html>、<head></head>、<title></title>等。
HTML中标签关系：
包含（嵌套）关系
并列关系
<html>空元素
没有内容的HTML元素称为空元素。空元素是在开始标签中关闭的。如：
<br>是没有关闭标签的空元素，定义换行，在开始标签中添加斜杠，
，是关闭标签的正确方法。
属性
属性是HTML元素提供的附加信息。
HTML元素可以设置属性
属性一般在开始标签，且始终被包括在引号内，单引号和双引号都可以（属性属性值中有引号的情况）
属性总是以键值对的形式出现
<a href="http://www.baidu.com">这是一个链接。</a>
常用属性
如下列出HTML中常用的属性，适用于大多数HTMl元素。
class：为html元素定义一个或多个类名
id：定义元素的唯一id
style：规定元素的内联样式
title：规定元素的额外信息
class属性
为HTML元素定义一个或多个类名
通常用于指向样式表中的类
<p class="intro">这是一个段落，定义一个类名。</p>
<p class=intro color">这是另一个段落定义多个类名。</p>
id属性
定义HTML元素中唯一的id
在HTML文档中必须是唯一的
<h1 id="header">Hello World!</h1>
以上是关于HTML - Hello World的主要内容，如果未能解决你的问题，请参考以下文章