文章目录

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

前端

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

预习博客（HTML标签+认识浏览器）相关推荐

【Javascript基础语法】第五周预习博客
Javascript基础语法前言一.初识JavaScript 1.JS是什么 2.作用 3.浏览器执行js简介 4.Js组成二.JS的引入方式 1.行内式 2.内部引入 3.外部引入三.js语 ...
Python开发爬虫之动态网页抓取篇：爬取博客评论数据——通过浏览器审查元素解析真实网页地址...
由于主流网站都使用JavaScript展示网页内容,和前面简单抓取静态网页不同的是,在使用JavaScript时,很多内容并不会出现在HTML源代码中,而是在HTML源码位置放上一段JavaScrip ...
前端开发使用html写一个博客基本标签的体验 0226
新建一个html文件写一段文本作为博客的标题在body中写内容 *号的出现代表,文件有改变保存文件后消失快捷键: ctrl + s 效果当前这个页面已经在一个模拟的服务器上运行了当代码内容 ...
hexo博客添加标签、分类、归档、关于等页面
写在前面在使用主题后,顶部导航多出了标签页.分类页.归档页和关于页等界面,点击之后出现了"Cannot GET /XXX/"问题,这是因为我们没有添加对应的页面,本文章主要描述了 ...
【引用】网易博客日志标签功能优化…
网易博客近期针对标签功能进行了一系列的服务升级,实现了标签模块.批量管理.便捷添加等更加贴心的细节功能,希望为广大博友提供更好的用户体验. 日志标签对博主有什么作用? 标签(Tag)是由用户定义 ...
python动态页面元素爬取_Python开发爬虫之动态网页抓取篇：爬取博客评论数据——通过浏览器审查元素解析真实网页地址...
由于主流网站都使用JavaScript展示网页内容,和前面简单抓取静态网页不同的是,在使用JavaScript时,很多内容并不会出现在HTML源代码中,而是在HTML源码位置放上一段JavaScrip ...
蓝旭工作室2023春季培训预习博客（三）
目录前言一. CSS进阶 1. 盒模型 1. border部分 2. padding部分 3. margin部分 4. overflow属性二. 浮动float 三. 定位 1. 静态定位 2. ...
破晓博客-自定义标签的开发
Foreach自定义标签的开发(适用于各种集合) package com.lovesmile.oa.web.mytag; import java.io.IOException; import java ...
【蓝旭】第五周预习博客
文章目录前言一.servlet 1.servlet概述 2.创建方式 ① ② ③ 3.生命周期 4.比较 5.编程接口二.mvc 1.mvc概述 2.模式 3.部件 4.框架 5.优点 6.缺点 ...

预习博客（HTML标签+认识浏览器）