您的位置：首页 > Web前端 > HTML

课时（一）HTML简介和结构

2016-08-02 23:28 274 查看

什么是HTML

HTML 指的是超文本标记语言（Hyper Text Markup Language）

HTML 不是一种编程语言，而是一种标记语言(Markup Language)

标记语言是一套标记标签（markup tag）

HTML 使用标记标签来描述网页

HTML基本格式



1.第一行 <!doctype html>：
文档引用的规范，HTML5因为是“妥协式”的规范，所以不需要引用严格意义上的DTD（文档类型定义）规范


2.第二行 <html>标签：
是html文档的根元素标签，成对出现<html>...</html>,分别代表html文档的开始和结束


3.第三行 <head>标签：
是html文档的头部标签，也是成对出现<head>...</head>，头部标签包含许多子元素标签:




<title>标签（可省略）：展示该网页的关键词，也就是网页标题




<meta>标签（可省略）：用于定义页面元信息，也就是一些键值对，主要有以下三个属性：

1).http-equiv:

指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确的处理网页的内容。例如：描述文档类型和字符编码：
<meta http-equiv="Content-Type" content="text/html;charset=utf8"/>
该<meta>标签元信息的名称是Content-Type，对应的值是“text/html,charest=utf8”,意思是设置该页面的类型为text/html,所用字符编码为utf8，即告诉浏览器以utf8的方式来解析该html文档 (更多字符编码内容可以自行百度，例如：base64，ascii，gb2312（简体中文）)

2).name:

指定元信息的名称，该名称值可以随意指定。例如：描述搜索关键字和描述信息：
<meta name="keywords" content="萌萌哒"/>
搜索引擎通过keywords的内容来搜索网页，比如本例中的“萌萌哒”，一般关键词不超过五个
<meta name="description" content="暂时不可爱三秒钟"/>
description根据title标签中的关键词来拓展描述，并且某个关键词都要完整出现一次，而且不要超过一百个字

3).content:指定元信息的值


4.第九行 <body>标签：
是html主题部分标签，成对出现，网页中基本上所有内容都放在<body>标签中表示


附上第一个html文档的源代码：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html 标记语言
相关文章推荐
新的分享
章节导航