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


前端


一、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)空格字符:&nbsp
特殊字符全小写
在这里插入图片描述
(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开发的网页浏览器,其浏览速度为世界最快的浏览速度。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值