预习博客(HTML标签+认识浏览器)

文章目录

  • 前端
  • 一、HTML标签
    • 1.HTML概述
    • 2.HTML标签
  • 二、认识浏览器
    • 1.浏览器
    • 2.常用浏览器


前端


一、HTML标签

1.HTML概述

超文本标记语言”,是制作网页的标准语言。
HTML不区分大小写

2.HTML标签

标签嵌套
例:< html >< body >< /body >< /html >
预习博客(HTML标签+认识浏览器)_第1张图片

注意缩进
(示例):

<html>                //外层:父元素
      <head>          //内层:子元素
      </head>                  //同级:兄弟元素
      <body>          //内层:子元素
      
      </body>
</html>

一个标签可能有多个属性,属性先后顺序无关

(1)标题:h1~h6
< h1 >标题内容< /h1 >一个页面建议只有一个h1
预习博客(HTML标签+认识浏览器)_第2张图片
(2)段落:p
< p >段落内容< /p >
预习博客(HTML标签+认识浏览器)_第3张图片
(3)段内换行:br
< br >单独出现的标签,直接结束
预习博客(HTML标签+认识浏览器)_第4张图片
(4)空格字符: 
特殊字符全小写
预习博客(HTML标签+认识浏览器)_第5张图片
(5)预留格式:pre
定义预格式化的文本,文本中的空格和换行符会被保留
预习博客(HTML标签+认识浏览器)_第6张图片
预习博客(HTML标签+认识浏览器)_第7张图片
(6)行内组合:span
预习博客(HTML标签+认识浏览器)_第8张图片
(7)水平线:hr
< hr/ >
预习博客(HTML标签+认识浏览器)_第9张图片
(8)注释
< !-- 注释内容 – >
预习博客(HTML标签+认识浏览器)_第10张图片
(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属性:路径+文件名
绝对路径与相对路径
绝对路径:以根目录为基准
相对路径:以该文档所在位置为基准
预习博客(HTML标签+认识浏览器)_第11张图片

(10)区域:div
预习博客(HTML标签+认识浏览器)_第12张图片
(11)无序列表:ul il
预习博客(HTML标签+认识浏览器)_第13张图片
有序列表:ol li
预习博客(HTML标签+认识浏览器)_第14张图片
(12)表格:table tr td th
预习博客(HTML标签+认识浏览器)_第15张图片
预习博客(HTML标签+认识浏览器)_第16张图片
预习博客(HTML标签+认识浏览器)_第17张图片
(13)表单:form
表单:是一个区域,采集用户信息
表单元素:文本框、按钮、单选、复选、下拉列表、文本域
预习博客(HTML标签+认识浏览器)_第18张图片
文本框、密码框:input
预习博客(HTML标签+认识浏览器)_第19张图片
文本框、密码框:input——text password
预习博客(HTML标签+认识浏览器)_第20张图片
提交按钮:input——submit
预习博客(HTML标签+认识浏览器)_第21张图片
重置按钮:input——reset
预习博客(HTML标签+认识浏览器)_第22张图片
单选框、复选框:input—radio checkbox
预习博客(HTML标签+认识浏览器)_第23张图片
预习博客(HTML标签+认识浏览器)_第24张图片

下拉列表框:select option
预习博客(HTML标签+认识浏览器)_第25张图片
预习博客(HTML标签+认识浏览器)_第26张图片
文本域:Textarea
预习博客(HTML标签+认识浏览器)_第27张图片
预习博客(HTML标签+认识浏览器)_第28张图片

二、认识浏览器

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开发的网页浏览器,其浏览速度为世界最快的浏览速度。

你可能感兴趣的:(预习博客(HTML标签+认识浏览器))