HTML 基本入门

2024年3月30日 129次阅读 来源: 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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞