HTML 基础入门

最近学习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

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

相关推荐