HTML 基础入门

时间 2019-12-07

标签 html 基础入门栏目 HTML 繁體版

原文原文链接

最近学习HTML5的知识，属于入门级别。粗略接触感受并非十分枯燥困难，不过听说HTML都是入门容易深刻很难，希望之后不会被难倒吧。css

首先介绍一下HTML

HTML是HyperText Markup Language(超文本标记语言)的简写，他不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。他能够由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内能够包含图片、连接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它经过标记符号来标记要显示的网页中的各个部分。网页文件自己是一种文本文件，经过在文本文件中添加标记符，能够告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，而后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不中止其解释执行过程，编制者只能经过显示效果来分析出错缘由和出错部位。可使用.html与.htm做为html文件的后缀名（扩展名）html

HTML5 前段有三个要素

HTML
CSS
JS
先讲其中HTML的元素
HTML的元素中包含单标签元素和双标签元素，也分为块级元素、行内元素和其它元素。具体在下面的内容中阐述。web

一个完整的Html网页是由多个Html元素按照必定的方式组成的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
  <p>Hello World</p>    
</body>
</html>

DOCTYPE
在Html很是年轻的时候（199一、2年左右），doctype是用来做为一组规则的连接，HTML页面必须遵循这些规则才能被认为是好的HTML，这些规则会用来检测网页是否是存在问题。然而，这些年没有人真正的关心doctype，他们只是一个历史产物必须包含在页面中。如下是咱们须要简单了解的，记住H5的文档类型便可。
1.1严格的文档类型编程
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
```
1.2宽松的文档类型浏览器
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
```
1.3H5文档类型编程语言
```
<!DOCTYPE html>
```

2.<html>
Html的根元素，用来包含html文档的全部元素
3.<head>
包含在头部的内容不会被显示的页面中，这里一般包含页面的编码，做者，页面的描述信息，js的导入，css的导入等信息。
4.<meta charset="utf-8">
用来声明当前文档的编码方式为utf-8
5.<title>
用来声明当前文档的标题，标题将会出如今浏览器的选项卡中
6.<body>
全部想要显示在浏览器中的元素都被包含在该元素中。
7.<p>
html内容中的标签元素布局

讲完以上的组成，接下来就讲一讲刚刚搁置的HTML元素，即上述的第七个内容

上述的P标签就属于双标签，即由<p></p>组成，也是块级元素，即独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌套在行内元素中。
除了p标签之外，块级元素还有div、h1-h六、uloldl等学习

再来讲说行内元素，行内元素与其余元素共享一行空间，通常被嵌套在块级元素中，一般做为段落的一部分出现。
常见的有spanaimg等编码

除了这些以外还有表格
表格的元素主要有caption、thead、tbody、tfootspa

今天暂时就先分享这些，内容粗浅，见笑啦。

1. HTML入门基础
2. HTML--Canvas基础入门
3. HTML基础——css入门
4. HTML5入门—DAY1：HTML基础
5. 零基础入门html
6. HTML的基础入门
7. HTML基础入门1
8. html入门基础（八）
9. HTML基础入门学习
10. 前端基础入门一（HTML）
更多相关文章...
• Memcached入门教程 - NoSQL教程
• Kotlin 基础语法 - Kotlin 教程
• YAML 入门教程
• Java Agent入门实战（一）-Instrumentation介绍与使用