HTML常用标签，认识浏览器

HTML常用标签

2.1标题标签<h1>~<h6>

注：1.从1到6，依次减小

        2.文字会加粗

        3.占一行

2.2段落标签<p> </p>

注：1.文本的一个段落中会根据浏览器大小自动换行

        2.段落与段落之间保有空隙

2.3段内换行<br/>

2.4水平线<hr/>

2.5文本格式化标签

       ~加粗：<strong> </strong>   <b> </b>

       ~倾斜：<em> </em>             <i> </i>

      ~删除线:<del> </del>            <s> </s>

      ~下划线：<ins> </ins>          <u> </u>

2.6div和span

div：独占一行

span：一行可以由多个内容

2.7图像标签和路径

1.图像标签：

  <img src="图像URL"/>

  src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

  alt：替换文本 图像显示不出来的时候可用文字替换。

     示例：<img src="img.ipg" alt="风景图"/>

  title:鼠标经过图像会显示文字

  width（宽度）

  height

   border ：设定边框宽度

   注：1.属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开。

        2.属性采取键值对的格式，即属性=“属性值”

2.路径

   （1）目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，如       HTML 文件，图片等；

   ( 2)根目录：打开目录文件夹的第一层就是根目录

（3）相对路径：以引用文件所在位置为参考基础，而建立的目录路径，简单来说 ，图片相对于           HTML页面的位置

（4）绝对路径:是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径

2.8超链接标签

1.语法格式

<a href="跳转目标"target="目标窗口弹出方式">文本或图像</a>

属性：1.herf：用于指定链接目标的URL地址，当为标签用href属性时，就具有超链接功能了

            2.target   用于指定链接页面打开方式（_blank新窗口打开）

2.链接分类

（1）外部链接

例如：<a href="http://www.qq.com" target="_blank">腾讯</a>

（2）内部链接：网站内部页面之间的相互链接

直接写内部页面名称即可，例如<a href=“index.html”>首页</a>

（3）空链接

<a href="#">...</a>

（4）下载链接:href里面是一个文件或者压缩包（地址链接是文件 .exe或者是 zip等压缩包形式）

例如 <a href="img.zip">下载文件</a>

（5）网页元素链接：在网页中的各种网页元素，如文本，图像，表格，音频，视频等都可以加超链接

例如:<a href="http://www.baidu.com.com"><img src="img.jpg"/></a>

（6）锚点链接：点击链接，可以快速定位到页面中的某个位置

在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>

找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id="two">第二集介绍</h3>

3.注释标签

<!--文字-->

4.特殊字符

2.9列表 

1.无序列表<ul> </ul>

2.有序列表<ol> </ol>

3.列表项<li>

4.表格 table  tr td

例如<table bolder="1">

5.表头单元格<th>加粗

注：没有数据也不可以省略

2.10from

1.from

例如：<from action="数据处理网页">

2.文本框，密码框 input

注：type（1）文本框:type="text"

               （2）密码框：type="password"

区别：文本框明文显示

          密码框*显示

3.按钮

（1）提交：submit

（2）重置：reset

4.单选框，复选框

（1）单选框（radio）

（2）复选框（checkbox ）

注：当check="checked"时

5.下拉列表框（select option）

注：被选择时，selected="selected"

5.文本域（Textarea）

<textarea rows="行数",cols="列数">文本</textarea>

认识浏览器

1.常用浏览器

（1）IE浏览器

（2）火狐浏览器

（3）谷歌浏览器

（4）Edge浏览器

（5）Safari浏览器

（6）Opera浏览器

2.浏览器内核

（1）浏览器内核：渲染引擎或者JS引擎

注：

      渲染引擎:负责获取网页的内容（HTML,XML,图像等等），整理讯息（例如加入css），以及计算网页的显示方式，然后会输出至显示器或打印机。

js引擎：解析Javascript语言来实现网页的动态效果

（2）Trident(IE内核)

    国内很多的双核浏览器的其中一核便是T日的那天，美名其曰“兼容模式”

    代表：IE,世界之窗浏览器，Avant,腾讯TT,百度浏览器等

（3）Gecko（firefox）

Mozila FireFox（火狐浏览器）采用该内核，特点是代码完全开发，因此可开发程度很高，全世界的程序员都可以为其编写代码，增加内容，这几年没落了，打开速度慢，升级频繁，猪一样的队友flash

（3）webkit（Safari）

 Safari是苹果公司开发的浏览器，所用内核是Webkit

（4）Chromium/Bink(chome)

在Chromium项目中研发blink

（5）Prestore(Opera)

Presto是挪威浏览器opera的“前任内核”，opera现在是谷歌的