- 什么是Html?
- HTML是一种用来描述网页的语言
- 这HTML是什么语言呢?
- 首先要记住他是一种文本标记语言并不是编程语言所以他和c与java有很大的区别
- .HTML5的优势
- 世界知名浏览器厂商对HTML5的支持
- 市场的需求
- 跨平台
W3C标准
W3C标准不是某一个标准,而是一系列的标准集合,,一个网页主要有三个部分组成,即结构(html),表现(css)和行为(js)
HTML文件的基本结构
<html> //Html标签 <head> //头部标签 <title>头部标签</title> </head> <body> //主题标签 显示的内容 </body> </html>
html最基本的语法是<标记></标记>,标记在有的地方称为标签或者元素,其实他们都指同一个东西
网页的基本信息
DOCTYPE声明 主要是用来检验是否符合W3C标准
<title> 描述网页标题的一个标签
<meta> 描述该网页的摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细信息等。
- (1)文档类型
- <meta char set=“gb2312”> 简体中文,一般用于包含中文和英文页面
-
<meta char set=“ISO-885901”> 纯英文,一般用于只包含英文页面
-
<meta char set=“big5”> 繁体,一般用于带有繁体字的页面
-
<meta char set=“UTF-8”> 国际性通用的字符编码,同样适用于英文和中文页面。和gb2312相比国际通用性更好
- 搜索关键字和内容描述信息书写如下
- <meta name="keywords" content="132">
- <meta name="description" content="132">
- 实现的方式仍然是“名称/值”对的形式,其中keywords表示搜索关键字,description表示网站的内容的具体描述。通过提供搜索关键字和内容描述信息,方便搜索引擎的搜索
网页的基本标签
1.标题标签
<h1></h1>标题标签从最大到最小
2.段落标签
<p></p>表示一段落文字等内容
<br/>强制换行
<hr/>水平线标签
3.字体样式标签
<strong></strong>加粗文字标签
<em></em>倾斜文字标签
4.图像标签
<img src="图片地址" alt="图像替代文字" title="鼠标悬停提示文字" />
5.超链接标签
<a href="链接地址" targer=“目标窗口位置”> 链接文本或图像</a>
href:表示链接地址的路径
target:指定怎么打开 _self(自身窗口) _blank(新建窗口)
6.行内元素和块元素(重点)
独占一行的元素我们称块元素
特性:无论内容多少,该元素独占一行
宽高自己决定的元素称呼为行内元素
特性:内容撑开宽度,左右都是行内元素的可以排一行。