HTML 基础入门

2024年1月27日 111次阅读 来源: Quinty

最近学习HTML5的知识，属于入门级别。粗略接触感觉并不是十分枯燥困难，不过据说HTML都是入门容易深入很难，但愿以后不会被难倒吧。

首先介绍一下HTML

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

HTML5 前段有三个要素

  • HTML
  • CSS
  • JS

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

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

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

  1. DOCTYPE
    在Html非常年轻的时候（1991、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-h6、uloldl等

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

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

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

    原文作者：Quinty
    原文地址: https://segmentfault.com/a/1190000013974555
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞