HTML
一、HTML的简介
1994年10月,蒂姆.伯纳斯.李创立了万维网联盟,加盟成员有美国麻省理工、欧洲数学与信息研究联盟、日本庆应大学、中国北京航空航天大学。
HTML 是超文本标记语言hyper text transfer protocol(超文本传输协议)。标准通用标记语言下的一个应用“超文本”,就是指页面内可包含图片、链接、音乐、程序等非文字元素
超文本标记语言是万维网编程的基础,也就是说万维网(www(World Wide Web)–万维网)是建立在超文本基础之上的
W3C最重要的工作是发展Web规范,这些规范描述了Web的通信协议(比如HTML)和其他的构建模块
web前端就是利用html+css+javascript等前端技术将UI设计师的效果图生成PC端的,移动端的网页
二、HTML标准格式
<!DOCTYPE html> //为HTML5文档
<html>
<head>
<meta charset = "UIF-8"> //网页编码格式为utf-8
<title></title>
</head>
<body> //body元素定义文档主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等)
</body>
</html>
"utf-8"
是一种字符编码。charset = "utf-8"
是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好"翻译"工作。常见的字符编码有:gb2312, utf-8。
gb2312:代表国家标准第2312条,其中是不包含繁体的(虽然内地不怎么使用繁体,但是台湾省还在使用繁体)
1)头部标签<head></head>
在head标签元素中可以插入脚本(scripts),样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。
2)文档标题<title></title>
title标签定义了不同文档的标题
title标签在HTML文档中是必须的
title元素标签:
1)定义了浏览器工具栏的标题
2)当网页添加到收藏夹时,显示在收藏夹中的标题
3)显示在搜索引擎结果页面的标题
三、HTML常用标签
单标签:有一个标签组成,如<hr/>
双标签:由“开始标签”和“结束标签”两部分组成,必须成对使用,如<p></p>
,<p>
是开始标签,表示一个段落的开始,</p>
是结束标签,表示一个段落的结束。
1、标题
<h1>这是一个标题</h1> //h1 --> h6: 字体大小逐个递减
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>
快速打出多个可以用:ul>li*6+tab键
【注】:浏览器会自动在标题的前后添加空行
2、段落
浏览器会自动地在段落的前后添加空行。
<p>这是一个段落</p>
3、超链接
链接由标签定义的,链接的地址可在href属性中指定。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。点击这些内容来跳转到新的文案或者当前文档中的某个部分。
当鼠标指针移动到网页中的某个链接上时,箭头会变成一只小手。
<a href="网址">链接名称</a> //覆盖当前网页
<a href="网址" target =“_blank">链接名称</a> //另开网页
*target属性,可以定义被链接的文档在何处显示
链接将以下形式出现在浏览器中:
1)一个未访问过的链接显示未蓝色字体并带有下划线
2)访问过的链接显示为紫色并带有下划线
3)点击链接是ÿ