HTML概念

1.什么是网页

网页是构成网站的基本元素,通常由图片,链接,文字,声音,视频等元素(标签)组成常见以.html结尾，称为html文件

2.什么是HTML

HTML指的是超文本标记语言,用来描述网页的一种语言 他不是编程语言而是一种标记语言

浏览器

浏览器内核(渲染引擎):读取网页内容,显示页面

1.内核有哪些

Triden内核 Gecko内核 Webkit内核 Blink内核

国内大部分都是采用We/Bl内核

Web标准

是由W3C组织和其他标准化组织制定的一系列标准的集合

1.为什么需要Web标准

浏览器不同,他们显示页面或者排版就有许些差异

2.Web标准的构成

主要包括了结构html,样式css,行为javascript组成

HTML标签

1.HTML标签是由尖括号包围的关键字,例<html>.

2.双标签<html></html>

可以分为两种关系:分别是包含关系和并列关系;

<html>   //这是包含关系
<head></head>
</html>
//
<html>   
<head></head>//这是并列关系
<body></body>
</html>

3.单标签<br \>

4.标签语义

简单理解就是标签的含义,即这个标签是干什么的

下面就是各种标签

1.标题标签
<!-- 标题标签<h1>-<h6>; -->
    <!-- 标签语义:作为标题使用,说明在这个页面中占有很重要的地位 -->
    <!-- <p><p>段落标签 -->
    <!-- 标签语义:可以把HTML文档分割成若干段 -->
    <!-- 段落和段落之间会保有间隙 -->
    <!-- 以上两个标签独占一行 -->
    <!-- <br /> 换行标签 -->
    <!-- 标签语义:强制换行 -->
2.超链接标签
<!-- 超链接标签 a  作用是从一个页面跳转另一个页面-->
    <!-- 超链接的语法规范 -->
    <!-- href是必要属性 target的打开方法_self当前页面打开 _blank是创建一个新窗口打开 -->
    <a href="跳转目标" target="目标弹出的方法">文件或者图像</a>
    <!-- 网页元素链接  点击图片可以直接跳转网页-->
    <a href="#"><img src="" alt=""></a>
    <!-- 锚点链接 点击链接可以快速定位到页面的某个位置 找到目前标签里面添加一个id属性 =名字-->
    <a href="#tow">第二集</a>
    <h3 id = 'tow'></h3>
3.图像标签
<!-- 图像标签和路径 -->
    <!-- 用img标签 src是img标签必要的属性,用于指定图像文件的路径和文件名-->
    <img src="" alt="">
    <!-- alt是图像显示不出来的时候用文字替换 -->
    <img src="img/1" alt="没有图片">
    <!-- title是鼠标放到图像上提示的文字 -->
    <img src="" alt="" title="我是帅哥">
    <!-- width weici是图像的宽度和大小 -->
    <img src="" alt="" width="100">
    <!-- height是图像的高度 -->
    <img src="" alt="" height="500">
    <!-- boder是图像的边框 -->
    <img src="" alt="" boder='15'>

    <!-- 路径 -->
    <!-- 目录文件夹就是普通文件夹里面存放做网页需要的素材 -->
    <!-- 根目录就是打开目录文件夹第一层就是根目录 -->
 4.div和span
 <!-- div和span是没有语义的,他们就是一个盒子,用来装内容的 -->
    <!-- 特点： -->
    <div>我是div标签，我一个人单独占一行</div>
    <span>我是span标签,可以一行内显示多个</span>
 5.文本格式化标签
 <!-- 文本格式化标签 -->
    <!-- 标签语义:突出重要性 比普通文字重要 -->
    <!-- 加粗标签 -->
    我是<strong>加粗</strong>文字 
    我是<b>加粗</b>文字
    <!-- 倾斜标签 -->
    我是<em>倾斜</em>标签
    我是<i>倾斜</i>标签
    <!-- 删除线标签 -->
    我是<del>删除线</del>标签
    我是<s>删除线</s>标签
    <!-- 下划线标签 -->
    我是<ins>下划线</ins>标签
    我是<u>下划线</u>标签

HTML部分

HTML概念

浏览器

Web标准

HTML标签

下面就是各种标签