html初探
2016-05-12 19:39
288 查看
1、什么是html?
html是用来描述网页的一种语言，全称为超文本标记语言（Hyper Text Markup Language）。
html不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)。
HTML 使用标记标签来描述网页。
2、html标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>，
HTML 标签通常是成对出现的，比如 <b> 和 </b>。
标签对中的第一个标签是开始标签，第二个标签是结束标签。
开始和结束标签也被称为开放标签和闭合标签。
3、HTML 文档 = 网页
HTML 文档描述网页，HTML 文档包含 HTML 标签和纯文本，HTML 文档也被称为网页。
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签的。
4、制作第一个网页：
a、新建一个txt文本，将后缀名修改为html。那么这个文本就变成了网页，只是没有内容。
b、编写我们的第一个网页：
<html>
<head></head>
<body>hello world!</body>
</html>
一个网页基本需要包含这三个标签：html,head,body
所有的标签都在html总标签中，head标签内一般存放css,js文件，meta标签，title标签，这些元素基本都是页面展示前的准备。
一个网页整体结构性的架构全部放入body标签内。
5、一个完整的网页，布局如下：
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="该页面的关键字">
<meta name="Description" content="该页面的描述">
<meta http-equiv="charset" content="字符集">
<title>文档的标题</title>
</head>
<body>
文档的内容......
</body>
</html>
a、DOCTYPE 是什么？
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
PS：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。
HTML 4.01 与 HTML5 之间的差异：
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种：<!DOCTYPE html>
另4.01版本有三种，分别如下，具体区别参见w3school文档：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
b、meta标签：
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
meta标签可以编写的内容很多，重要的有：keywords,charset,description,其中keywords和description主要用于网站的seo优化。
而charset用于指定字符集，防止中文乱码问题。
<meta name="keywords" content="该页面的关键字">
<meta name="Description" content="该页面的描述">
<meta http-equiv="charset" content="utf-8">
c、title标签
位于head标签之间，用于指示页面的标题，在seo优化中也很重要。
6、CSS
CSS 指层叠样式表 (Cascading Style Sheets)。
样式定义如何显示 HTML 元素。
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。
外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中。
css在html中的位置：
a、位于标签的style属性中，如：<body style="text-align:center;">
b、位于html中的head标签之间，写法如下：
<style type="text/css">
body {text-align:center;}
</style>
ps：另外一种写法是通过 .类名{ } 编写的，在需要修饰的标签内用class="类名" 即可。
c、外部引入css,写法如下：
<link href="文件名.css" rel="stylesheet" type="text/css"/>
css代码块中，通过/* */ 注释某段代码。
7、JavaScript
JavaScript 是世界上最流行的脚本语言,简称JS。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
如何在html中编写js代码块？
<script language="javascript">
function showMessage(){
var value= document.getElementById('srk').value;
alert(value);
}
</script>
该段代码一般放在head标签内，function showMessage() 定义一个叫showMessage的方法，js的输出语句用alert。
工具选择：专业网页开发工具需要使用DreamWeaver,简单的开发工具可以使用EditPlus和Sublime Text，其中EditPlus中文汉化破解版见附件。
ps:EditPlus一个强大的功能 Alt+鼠标拖动 可以选择一块儿文本区域。
推荐学习网站：http://www.w3school.com.cn/
html是用来描述网页的一种语言，全称为超文本标记语言（Hyper Text Markup Language）。
html不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)。
HTML 使用标记标签来描述网页。
2、html标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>，
HTML 标签通常是成对出现的，比如 <b> 和 </b>。
标签对中的第一个标签是开始标签，第二个标签是结束标签。
开始和结束标签也被称为开放标签和闭合标签。
3、HTML 文档 = 网页
HTML 文档描述网页，HTML 文档包含 HTML 标签和纯文本，HTML 文档也被称为网页。
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签的。
4、制作第一个网页：
a、新建一个txt文本，将后缀名修改为html。那么这个文本就变成了网页，只是没有内容。
b、编写我们的第一个网页：
<html>
<head></head>
<body>hello world!</body>
</html>
一个网页基本需要包含这三个标签：html,head,body
所有的标签都在html总标签中，head标签内一般存放css,js文件，meta标签，title标签，这些元素基本都是页面展示前的准备。
一个网页整体结构性的架构全部放入body标签内。
5、一个完整的网页，布局如下：
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="该页面的关键字">
<meta name="Description" content="该页面的描述">
<meta http-equiv="charset" content="字符集">
<title>文档的标题</title>
</head>
<body>
文档的内容......
</body>
</html>
a、DOCTYPE 是什么？
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
PS：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。
HTML 4.01 与 HTML5 之间的差异：
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种：<!DOCTYPE html>
另4.01版本有三种，分别如下，具体区别参见w3school文档：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
b、meta标签：
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
meta标签可以编写的内容很多，重要的有：keywords,charset,description,其中keywords和description主要用于网站的seo优化。
而charset用于指定字符集，防止中文乱码问题。
<meta name="keywords" content="该页面的关键字">
<meta name="Description" content="该页面的描述">
<meta http-equiv="charset" content="utf-8">
c、title标签
位于head标签之间，用于指示页面的标题，在seo优化中也很重要。
6、CSS
CSS 指层叠样式表 (Cascading Style Sheets)。
样式定义如何显示 HTML 元素。
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。
外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中。
css在html中的位置：
a、位于标签的style属性中，如：<body style="text-align:center;">
b、位于html中的head标签之间，写法如下：
<style type="text/css">
body {text-align:center;}
</style>
ps：另外一种写法是通过 .类名{ } 编写的，在需要修饰的标签内用class="类名" 即可。
c、外部引入css,写法如下：
<link href="文件名.css" rel="stylesheet" type="text/css"/>
css代码块中，通过/* */ 注释某段代码。
7、JavaScript
JavaScript 是世界上最流行的脚本语言,简称JS。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
如何在html中编写js代码块？
<script language="javascript">
function showMessage(){
var value= document.getElementById('srk').value;
alert(value);
}
</script>
该段代码一般放在head标签内，function showMessage() 定义一个叫showMessage的方法，js的输出语句用alert。
工具选择：专业网页开发工具需要使用DreamWeaver,简单的开发工具可以使用EditPlus和Sublime Text，其中EditPlus中文汉化破解版见附件。
ps:EditPlus一个强大的功能 Alt+鼠标拖动 可以选择一块儿文本区域。
推荐学习网站：http://www.w3school.com.cn/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery1——基础（$对象，选择器，对象转换）
- Android学习笔记（二九）：嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Web布局连载——两栏固定布局（五）
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- [div+css]晒晒最新制作专题推广页模板
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 最后一次说说闭包
- Ajax
- 盒子模型
- CSS选择器
- CSS样式优先权
- HTML5调用摄像头实例
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究