HTML基础认识

一， html基础

网页的组成:文字，视频，音频，超链接，图片
五大浏览器和浏览器内核

浏览器	内核
iE	Trident
火狐	gecko
苹果	webkit
chrome	Blink
Opera	Blink

浏览器内核（渲染引擎）：读取网页内容，显示页面。

web标准的构成：结构，表现，行为
web标准是由w3c组织和其他标准化组织制定的一系列集合
为什么需要web标准？因为不同的浏览器渲染出来的页面会有不同，所以为了更加方便开发人员和使用者所以制定了web标准。

二，html结构

<!DOCTYPE html>  <!--文档申明的类型，告诉浏览器是HTML那个版本显示器网页-->
<html>  <!--根标签-->
        <head> <!--头部标签-->
            <meta charset="UTF-8">  <!--编码类型-->
            <title>网页标题</title>   <!--标题标签-->
        </head>
        <body>
            内容
        </body>
 </html>

双标签有开始标签和结束标签

<div>内容</div>

2.单标签

<hr>

3.标签的关系

<!--嵌套关系-->
<div>
    <p></p>
</div>

<!--兄弟关系-->
<b></b>
<u></u>

三，标签类型

1.标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

2.排版标签

<p></p>  <!--段落标签,使用以后文章之间会用空隙-->
<br> <!--换行标签，使用以后短句不会和段落标签空隙一样大-->
<hr> <!--水平线标签-->

3.文本标签

<b></b> <!--加粗-->   <strong></strong>
<i></i> <!--斜体-->   <em></em>
<u></u> <!--下划线-->  <ins></ins>
<s></s> <!--删除线-->  <del></del>

4.图片标签

<img src="" alt="">
<!--图片标签的属性-->
src :图片的路径
title ：鼠标经过图片显示的文字
alt :图片加载失败显示的文字
width :图片宽度
height :图片高度
border :图片的边框

5.音频标签

<audio src="" controls></audio>
<!--音频标签的属性-->
src :播放音频的路径
controls :显示播放音频的控件可以省略属性值
autoplay :自动播放
loop :重新开始播放

6.视频标签

<video src="" controls></video>
<!--视频标签的属性-->
src :播放音频的路径
controls :显示播放音频的控件可以省略属性值
autoplay :自动播放，搭配muted可以静音自动播放
loop :重新开始播放
muted ：静音

7.超链接标签

<a href="" ></a>
<!--超链接标签的属性-->
href :超链接显示的路径
target ：弹出方式  ,_self当前窗口,_blank新的窗口打开

<a href="#"></a> <!--空链接-->
<a href="ad.exe"></a> <!--安装包链接-->

HTML基础one

HTML基础认识