前端
一、HTML标签
1.HTML概述
“超文本标记语言”,是制作网页的标准语言。
HTML不区分大小写
2.HTML标签
标签嵌套
例:< html >< body >< /body >< /html >
注意缩进
(示例):
<html> //外层:父元素
<head> //内层:子元素
</head> //同级:兄弟元素
<body> //内层:子元素
</body>
</html>
一个标签可能有多个属性,属性先后顺序无关
(1)标题:h1~h6
< h1 >标题内容< /h1 >一个页面建议只有一个h1
(2)段落:p
< p >段落内容< /p >
(3)段内换行:br
< br >单独出现的标签,直接结束
(4)空格字符: 
特殊字符全小写
(5)预留格式:pre
定义预格式化的文本,文本中的空格和换行符会被保留
(6)行内组合:span
(7)水平线:hr
< hr/ >
(8)注释
< !-- 注释内容 – >
(9)超链接:a
(文字超链接、图片超链接、导航栏)
链接到本站点其他网页:
< a href= “news.html” >新闻< /a >
链接到其他站点:
< a href= “http://www.baidu.com” >百度< /a >
虚拟超链接:
< a href= “#” >板块2< /a >
图像格式
网页中常见的图像格式
GIF:简单动画、背景透明
PNG:无损压缩、透明、交错、动画
插入图像
img标签
< img src=“w3school.gif” alt=“w3c” / >
src属性:路径+文件名
绝对路径与相对路径
绝对路径:以根目录为基准
相对路径:以该文档所在位置为基准
(10)区域:div
(11)无序列表:ul il
有序列表:ol li
(12)表格:table tr td th
(13)表单:form
表单:是一个区域,采集用户信息
表单元素:文本框、按钮、单选、复选、下拉列表、文本域
文本框、密码框:input
文本框、密码框:input——text password
提交按钮:input——submit
重置按钮:input——reset
单选框、复选框:input—radio checkbox
下拉列表框:select option
文本域:Textarea
二、认识浏览器
1.浏览器
网页浏览器是个显示网站服务器或文件系统内的文件,并让用户与这些文件交互的一种应用软件。
它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。
大部分网页为HTML格式,有些网页需特定浏览器才能正确显示。个人电脑上常见的网页浏览器按照2010年1月的市场占有率依次是微软的Internet Explorer、Mozilla的Firefox、Google的Chrome、苹果公司的Safari和Opera软件公司的Opera。
浏览器是最常用的客户端程序。
万维网是全球最大的链接文件网络文库。
2.常用浏览器
主流浏览器标准:市场占有率3%以上且拥有自己的内核。目前最为主流浏览器有五大款,分别是IE、Firefox、Google Chrome、Safari、Opera
360浏览器
360安全浏览器是互联网上安全好用的新一代浏览器,拥有国内领先的恶意网址库,采用云查杀引擎,可自动拦截挂马、欺诈、网银仿冒等恶意网址。
腾讯
QQ浏览器(QQ Browser)是一款采用Trident和Webkit双引擎的网页浏览器。
火狐
Mozilla Firefox(火狐浏览器)
谷歌
Chrome是由Google公司开发的网页浏览器,浏览速度在众多浏览器中走在前列,属于高端浏览器。
IE
网民大多数人都在使用IE,这要感谢它对web站点强大的兼容性。最新的Internet Explorer 10包括Metro界面、HTML5、CSS3以及大量的安全更新。
Opera
Opera是由Opera Software开发的网页浏览器,其浏览速度为世界最快的浏览速度。