hi,大家好,欢迎关注我的微信公众号“码农范er”,集分享,交友,聊天为一体,总有你喜欢的、快点关注我吧~
html概括预览
既然想学习,就应该知道一些基本概念了,这里文字性的话语会尽量会少叙述,毕竟学习不是小火慢炖的谈恋爱,而应该是直奔主题,跟着我一块,从0开始吧!
什么是html
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML** 标签及文本内容
HTML文档也叫做 web 页面**
1.html的基本结构
<!DOCTYPE html> (文档头声明)
<html> (html根元素)
<head> (文档的头部,里面的内容大多数是不可见的)
<meta charset="utf-8"> (html的元数据)
<title>这里是标题</title> (文档的标题)
</head>
<body> (页面的内容部分,用来承载搭建html结构)
<h1>标题</h>
<p>段落</p> ( 内容部分)
</body>
</html>```
#####基本结构的解释
######1.1<!DOCTYPE html>
>DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。
#####1.2<html lang="en">
>用来告诉浏览器,创作的界面使用的语言是什么类型的? en --> English.
#####1.3<head></head>标签
><head>标签元素是所有头部元素的容器。<head>
内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。
以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script>以及 <style>等。
#####1.4<title></title>标签
><title>
标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够:
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题
总之 title 就是用来方便用户能快速准确得了解到这个网页要介绍的内容所使用的标签。
总之,title的特点总结如下
1.title标签只能在head标签内出现;
2.定义浏览器工具栏中的标题;
3.浏览器中收藏夹内书签的名称是title的内容;
4.title的内容可以方便搜索引擎索引页面;
5.从搜索引擎搜索到的内容的标题往往是网页title的内容;title通常体现了网页的主题内容,所以记得一定要加上。
#####1.5html中的<meta>标签
><meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
meta的内容比较多,为了方便理解,后续会做深入介绍。
#####1.6<style></style>元素
<style> 标签用于为 HTML 文档定义样式信息。
主要用来承载css样式。
#####1.7<body></body>元素
用来承载页面内容,搭建html结构,大部分的html标签都是写在body里面的。
###2html的基本标签
对于html的一些基本标签,已经整理好,写在流程图里了,相对来说适合初学者看,可以采纳。
![HTML标签.gif](http://upload-images.jianshu.io/upload_images/3358344-f842e77790fdb338.gif?imageMogr2/auto-orient/strip)