前端开发HTML5知识——基础标签

前端开发HTML5知识——基础标签
  HTML是HyperText Markup Language(超文本标记语言)的简写,他不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。“超文本”就是指页面可以包含图片、链接,甚至音乐、程序等非文字元素。HTML也是一种规范,一种标准,它通过标记符号来 标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加 标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片 如何显示等)。
 
  B/S结构(Browser/Server,浏览器/ 服务器模式),是WEB兴起后的一种网络 结构模式,
 
  WEB浏览器是客户端最主要的 应用软件。这种模式统一了客户端,将系 统功能实现的核心部分集中到服务器上,
 
  简化了系统的开发、维护和使用。客户机 上只要安装一个浏览器,服务器安装服务 器软件,数据库软件等。
 
  HTML文档是由很多个HTML标签和内容组成,而标签是我们学的主要知识。
 
  HTML标签有两种,一种是单标签,一种是双标签。
 
  单标签主要是一个标签,他只有属性,没有内容;类似于meta、img、input等标签
 
  双标签由开始标签和结束标签组成,在两者之间填写的内容,类似于<html></html>等
 
  有些标签是可以嵌套使用,有些标签不能嵌套使用
 
  1、<!DOCTYPE html> 表示我们的文档类型
 
  2、<html> Html的根元素,用来包含html文档的所有元素
 
  3. <head> 包含在头部的内容不会被显示的页面中,这里通常包含页面的编码,作者,页面
 
  的描述信息,js的导入,css的导入等信息。
 
  4. <meta charset="utf-8"> 用来声明当前文档的编码方式为utf-8
 
  5. <title> 用来声明当前文档的标题,标题将会出现在浏览器的选项卡中
 
  6. <body> 所有想要显示在浏览器中的元素都被包含在该元素中。
 
  HTML文档的初始文本
 
  大家须知:标签也可以称为HTML的元素,这个元素又可以分为4种。
 
  1、块级元素( Block elements) 独占一行空间,用来布局段落,列表,导航菜单,脚注等结构,不要将块级元素嵌套在行内元素中。
 
  <!DOCTYPE html>
 
  <html lang="en">
 
  <head>
 
  <meta charset="UTF-8">
 
  <title>Document</title>
 
  </head>
 
  <body>
 
  <p>this is paragraph1</p>
 
  <p>this is paragraph2</p>
 
  </body>
 
  </html>

推荐阅读