HTML基础

已于 2024-03-13 10:50:14 修改
阅读量1.6k 收藏 53
点赞数 45
文章标签： html 前端
于 2024-03-13 10:41:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52820235/article/details/136539423
版权

第一章：学习前的准备

1.前言

（1）HTML是什么？

         HTML是超文本标记语言（HyperText Markup Language）的缩写，它用于创建网页的标准标记语言。

（2）学习HTML可以做什么？

          Web前端开发工程师、HTML5移动开发工程师、HTML5游戏开发工程师......

（3）HTML的发展历程：从初期的网络诞生后，已经出现了许多HTML版本：

版本发布时间
HTML1991
HTML+1993
HTML2.01995
HTML3.21997
HTML4.011999
XHTML1.02012
HTML52012
XHTML52013

（4） 学习内容：HTML CSS

2.常见浏览器

    浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。称为5大浏览器。

（1）浏览器内核

         一个完整的浏览器包含浏览器内核和浏览器的外壳（shell）。浏览器内核又可以分为两部分：渲染引擎（Layout Engine或Rendering Engine）和JS引擎。由于JS引擎越来越独立，内核就倾向于只指渲染引擎。

（2）浏览器组成结构

      用户界面 －包括地址栏、后退/前进按钮、书签目录等，也就是你-所看到的除了页面显示窗口之外的其他部分

      浏览器引擎 －可以在用户界面和渲染引擎之间传送指令或在客户端本地缓存中读写数据等，是浏览器中各个部分之间相互通信的核心

      渲染引擎 －解析DOM文档和CSS规则并将内容排版到浏览器中显示有样式的界面，也有人称之为排版引擎，我们常说的浏览器内核主要指的就是渲染引擎

      网络 －用来完成网络调用或资源下载的模块

      UI 后端 －用来绘制基本的浏览器窗口内控件，如输入框、按钮、单选按钮等，根据浏览器不同绘制的视觉效果也不同，但功能都是一样的。

      JS解释器 －用来解释执行JS脚本的模块，如 V8 引擎、JavaScriptCore

      数据存储 －浏览器在硬盘中保存 cookie、localStorage等各种数据，可通过浏览器引擎提供的API进行调用。

浏览器组成结构关系图如下：

 （3）主流浏览器内核(笔试题)

          1.Trident(IE内核)

               国内很多的双核浏览器其中之一就是Trident，美名其曰“兼容模式”。

               代表：IE、傲游、世界之窗浏览器、Avant、猎豹安全浏览器、360极速浏览器、百度浏览器等。

               Window10发布后，IE将其内置浏览器命名为Edge（原名斯巴达），使用了新内核Edge引擎。

          2.Gecko（Firefox）

              Gecko的特点是代码完全公开，因此，全世界的程序员都可以为其编写代码，增加功能。可惜这几年已经没落了，比如打开速度慢、升级频繁、猪一样的队友flash、神一样的对手Chrome。

           3.Webkit（Safari）

               苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。是开源的。Google的Chrome也曾使用webkit作为内核。

           4.Presto（Opera）

               Presto是由Opera Software开发的浏览器排版引擎，它是世界公认最快渲染速度的引擎。在13年之后，Opera宣布加入谷歌阵营，弃用了Presto,采取了Blink内核。

            5.Blink（Chrome）

                有Google和Opera Software开发的浏览器排版引擎，2013年4月发布，现在Chrome内核是Blink。Blink其实是webkit的分支，大部分国产浏览器最新版都采用Blink内核。

（4）渲染引擎工作流

         渲染引擎负责渲染，将请求到的内容呈现到屏幕上。

         默认情况下，渲染引擎可显示 HTML、XML文档和图片。也可通过插件（浏览器扩展程序）显示其他类型。比如，可通过 PDF 阅读器插件显示 PDF 文件。

         基本流程如下：

3.IE低版本浏览器兼容HTML5

   最新版的Safari、Chrome、Firefox以及Opera都支持HTML5，Internet Explorer 9将支持HTML5的特性。IE9以下版本浏览器兼容HTML5，需要使用静态资源的html5shiv包：

载入后，初始化新标签的CSS：

4.Web标准

浏览器的内核不统一，那么其工作原理、解析肯定不同，显示就会有差别。

（1）Web标准的好处

  1. 让Web的发展前景更广阔

  2. 内容能被更广泛的设备访问

  3. 更容易被搜索引擎搜索

  4. 降低网站流量费用

  5. 使网站更易于维护

  6. 提高页面浏览速度

（2）Web标准构成

         Web标准不是某一个标准，是由W3C和其他标准化组织指定的一系列标准的集合，主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

         1.结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。

         2.样式标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。

         3.行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript。

第二章：HTML初识

1.HTML语言发展史

（1）GML：是第一代标记语言，使文档能明确将标示和内容分开，所以文件使用同样的标示方法。

（2）SGML： 标准通用标记语言（ Standard Generalized Markup Language ） ， 是1986年出版发布的一个信息管理方面的国际标准。该标准定义独立于平台和应用的文本文档格式，索引和链接信息，为用户提供一种类似于语法的机制，用来定义文档的结构和指示文档结构的标签（tag）。制定SGML的基本思想是把文档内容与样式分开 。 SGML规定了在文档中嵌入描述标记的标准格式，指定了描述文档结构的标准方法 。SGML 因太严谨规范达500多页，故而不易学、不易用、难以实现，所以在它的基础上又发展出了其他的更易用的置标语言。

（3）HTML：超文本标记语言（英语：Hyper Text Markup Language），是一种用于创建网页的标准标记语言。主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

（4）XHML：XHTML的出现是因为HTML扩充性不好，内容的表现跟不上时代的变化（如无法表示某些化学符号等），以及因为性能的问题，官方逐渐趋于严格的模式，所以使用 XML 的严格规则的 XHTML 成了 W3C 计划中 HTML 的替代者。

2.HTML骨架格式

    HTML有自己的语言语法骨架格式：

3.HTML标签分类

    在HTML页面中，带有“<>”符号的元素被称为HTML标签，如<html>、<body>都是HTML标签。

（1）双标签

         语法：<标签名>内容</标签名>

         语法中“<标签名>”表示该标签的作用开始，一般称为开始标(start tab),“</标签名>”表示该标签的作用结束，一般称为结束标签。如下：

         双标签中可以再嵌套其它标签，也可以嵌套内容​

（2）单标签

         语法：<标签名 />

         单标签也称为空标签，是指用一个标签符号即可完整的描述某个功能的标签。如下：

         单标签只能有属性，不能嵌套其他标签及内容

4.HTML标签关系

   标签的相互关系就分为两种：

（1）嵌套关系：父子关系

（2）并列关系：兄弟关系

第三章：HTML常用标签

1.标题标签

   为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标签，即：h1、h2、h3、h4、h5、h6

   标题标签语义：作为标题使用，并且依据重要性递减，基本语法格式如下：

2.段落标签

    在网页中要把文字有条理的显示出来，离不开段落标签，可以将整个网页的内容分为若干个段落标签。基本语法格式如下：

3.水平线标签

    在网页中会经常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单的通过标记来完成。hr 就是创建横跨网页水平线的标记。基本语法格式如下：

4.换行标签

    在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端才会自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。语法格式如下：

<br/>

5.div span标签

    div span是没有语义的，是网页布局中主要的2个盒子。

    div是division的缩写，表示分割、分区的意思

    span表示跨度、跨距、范围

   语法格式如下：

<div>这是div标签</div>
<span>这是span标签</span>

6.文本格式化标签

标签显示效果
<b></b> <strong></strong>文字以粗体方式显示（XHTML之后推荐使用strong）
<i></i> <em></em>文字以斜体方式显示（XHTML之后推荐使用em）
<s></s> <del></del>文字以加删除线方式显示（XHTML之后推荐使用del）
<u></u> <ins></ins>文字以加下划线方式显示（XHTML之后不赞成使用u）

      b i s u没有强调的意思，strong、em、del、ins语义更强烈，有强调的意思

7.标签属性

    使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。基本语法格式如下：以键值对的方式定义

    <标签名 属性1="属性值1" 属性2="属性值2"...> 内容 </标签名>

  1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名之后。

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

  3. 任何标签的属性都有默认值，省略该属性则取默认值。   

         注意：标签的共有属性：id，class，style，title等

8.图像标签

    HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。语法格式如下：

<img src="图像url"/>
<!-- src属性用于指定图像文件的路径和文件名，是必须的属性 -->
属性属性值描述
srcurl图像的路径
alt文本图像不能显示时的替换文本
title文本鼠标悬停时显示的内容
width像素（XHTML不支持百分比）设置图像的宽度
height像素（XHTML不支持百分比）设置图像的高度
border数字设置图像边框的宽度

9.链接标签

   在HTML中创建超链接非常简单，只需要用标签将链接对象环绕即可。基本语法格式如下：

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

   href：用于指定链接目标的url地址，是Hypertext Reference的缩写，意思是超文本引用。只有使用这个属性，标签才具有链接功能。

   target：用于指定链接页面的打开方式，其取值有_self和 _blank两种，self表示在本窗口中打开链接页面，blank表示在新窗口中打开

   链接的分类：

    1.外部链接 ：需要添加http://的域名，如 <a href="http://www.baidu.com/">百度</a>

    2.内部链接：网站内部页面之间的相互链接，直接链接内部页面名称，如<a href="index.html">内部链接</a>

    3.空连接：如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”（即href=“#”），表示该链接暂时为一个空链接。

    4.下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件，如<a href="image.zip">下载图片</a>

    5.网页元素链接：在网页中各种网页元素，如文本、图像、表格、音频、视频等都可以插入超链接

10.锚点定位

      通过创建描点链接，用户能够快速定位到目标内容。

      创建描点链接分为两步：

1、在跳转目标的位置添加id名标注
2、使用<a href="#id名">链接文本</a>

      示例：

<body>
	<a href="#case1">test1</a>
	<a href="#case2">test2</a>
	<a href="#case3">test3</a>
	<a href="#case4">test4</a>
		
	<div id="case1">一行白鹭上青天</div><br /><br /><br /><br />
	<div id="case2">两个黄鹂鸣翠柳</div><br /><br /><br /><br />
	<div id="case3">朝辞白帝彩云间</div><br /><br /><br /><br />
	<div id="case4">千里江陵一日还</div>
</body>

11.base标签

     base 单标签，可以设置整体链接打开的状态是以新窗口打开还是在当前窗口中打开。如： 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<base target="_blank" />	
        <!-- <base href="baseURL" /> -->

	</head>
	<body>
		<a href="http://www.baidu.com">百度</a>
		<a href="http://www.sina.com">新浪</a>
		<a href="http://www.sohu.com">搜狐</a>
		<a href="http://www.163.com">网易</a>
	</body>
</html>

12.特殊字符

      在 HTML 中，某些字符是预留的。

      在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

      如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

13.注释标签

      在HTML中还有一种特殊标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。其基本语法格式如下

<!-- -->

      注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时可以看到。

第四章：路径

1.相对路径

a.图像文件和HTML文件位于同一文件夹：只需要输入图像名称即可，或者在前面加上“./”表示当前目录。

b.图像文件位于HTML的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开。

c.图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../”，如果是上两级，则使用“../../”，以此类推。

2.绝对路径

a.复制图片在电脑中的路径。如：“E:/工作/资料/图片资源/boy.png”；

b.使用完整的网络地址。如：“https://www.baidu.com”.

第四章：列表标签

     把一系列的文字及数据制成表，以表显示。容器里面装载着文字或图表的一种形式，叫列表。列表最大的特点是整齐、整洁、有序。

1.无序列表ul

    无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ……
</ul>

    在<ul>标签中只能使用<li>标签,不要使用<p>标签之类的。但在<li>标签内可以嵌套其他标签使用。

1、<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2、<li></li>相当于一个容器，可以容纳所有元素。
3、无序列表会带有自己的样式属性，放下那个样式，一会儿让css来！

2.有序列表ol

    有序列表即为排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法如下：

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ……
</ol>

    所有特性与ul基本一致，但实际开发中，较少使用ol

属性值描述
compactcompactHTML5 中不支持。HTML 4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversedreversed规定列表顺序为降序。(9,8,7...)
startnumber规定有序列表的起始值。
type1AaIi规定在列表中使用的标记类型。

3.自定义列表

   自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项没有任何项目符号。其基本语法如下：

<dl>
	<dt>名词1</dt>
	<dd>名词1解释1</dd>
	...		
	<dt>名词2</dt>
	<dd>名词2解释1</dd>
	<dd>名词2解释2</dd> 
	...
</dl>
<!-- 
	<dd>是对<dt>进行描述或解释的，一个<dt>可以使用多个<dd>来进行描述
-->

第五章：表格table

     表格是较为常用的一种标签，但不是用来布局，而是处理、显示表格式数据。

1.创建表格

    在HTML页面中，创建表格的基本语法格式如下：

<table>	
	<tr>
		<td>单元格内的文字</td>
        ...
	</tr>
    ...
</table>

<!--
1、table 用于定义一个表格
2、tr 用于定义表格中的一行，必须嵌套在table标签中，在table标签内有几对tr，就有几行表格。
3、td 用于定义表格中单元格，必须嵌套在<tr></tr>标签中，在tr标签内有几对td，就有几个单元格（列）。
-->

<tr></tr>中只能嵌套<td></td>
<td></td>标签就像一个容器，可以容纳所有的元素

2.表格属性

   border: 值不能小于1 如果小于1则等同于0

3.表头标签

    表头一般位于表格的第一行或第一列，其文本加粗居中，如下图所示。设置表头很简单，只需要用<th></th>替代相应单元格标签的<td></td>即可。

4.表格结构

    在使用表格进行布局时，可以将表格划分为头部、主体和页脚，如下所示：

<thead></thead> 用于定义表格的头部，必须位于<table></table>标签中，一般包含网页的logo和导航等头部信息。


<thead></thead> 用于定义表格的头部，必须位于<table></table>标签中，一般包含网页的logo和导航等头部信息。

<tbody></tbody> 用于定义表格的主体，位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容。

<tfoot></tfoot> 用于定义表格的页脚内容，应该与<thead>和<tbody>元素结合使用，用来规定表格的各个部分（表头、主体、页脚）。<tfoot>元素内部必须包含一个或多个<tr>标签。在HTML5中，已不支持tfoot标签的所有属性

5.表格标题

    表格的标题使用<caption> 标签来定义，必须直接定义在<table>标签之后，并且每个表格只能定义一个标题。通常这个标题会被居中于表格之上。

    用法：

<table>
    <caption>我是表格的标题</caption>
</table>

6.合并单元格 ​​​​​​​

   合并单元格的方式:

   跨行合并（rowspan ）：rowspan="合并单元格的个数"

   跨列合并（colspan）：colspan="合并单元格的个数"

   目标单元格

   跨行:最上侧单元格为目标单元格，写合并代码

   跨列:最左侧单元格为目标单元格，写合并代码

   步骤:

   1.先确定是跨行还是跨列

    2.找到目标单元格,写上合并方式 = '合并单元格的数量' 比如<td colspan='2'></td>

    3.删除多余的单元格

第六章：表单标签

1.input控件

    <input />标签为单标签，type属性是其最基本的属性，取值有很多种，用于指定不同的控件类型。除了type属性之外，<input />标签还可以定义其他的属性，如下表所示：

（1）文本域：文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

<form>
	First name: <input type="text" name="firstname"><br>
	Last name: <input type="text" name="lastname">
</form>

（2）密码字段：密码字段通过标签<input type="password"> 来定义:

<form>
	Password: <input type="password" name="pwd">
</form>

      密码字段字符不会明文显示，而是以星号或圆点替代。

（3）单选按钮 ：<input type="radio"> 标签定义了表单单选框选项，通过同一个name值定义同一个组 

<form>
	<input type="radio" name="sex" value="male">Male<br>
	<input type="radio" name="sex" value="female">Female
</form>

（4）复选框 ​​​​​​​：<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

<form>
	<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
	<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

（5）普通按钮：通过<input type="button">来定义

<form>
	<input type="button" value="点我">
</form>

（6）提交按钮： <input type="submit"> 定义了提交按钮.

         当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form>
	Username: <input type="text" name="user"><br />
			 <input type="submit" value="提交">
</form>

（7）重置按钮：<input type="reset"> 定义了重置按钮.

<form>
    Username: <input type="text" name="user"><br />
    		 <input type="reset" value="重置">
</form>

（8）图像按钮：<input type="image"> 定义了图像按钮，表示按钮可以用图片来显示，用src指定图片的路径

<form>
    <input type="image" src="logo.png">
</form>

（9）文件域 ：<input type="file"> 定义了文件域，点击按钮可以选择上传的文件

<form>
    <input type="file">
</form>

2.label标签

    <label> 标签为 input 元素定义标注（标记）。

    作用：用于绑定一个表单元素，当点击label标签时，被绑定的表单元素就会获得输入焦点。

如何绑定？ <label> 标签的 for 属性用于绑定表单元素，只需要指定for属性的值与被绑定表单元素的id值相同即可。

<label for="name">名 字：</label>
<input type="text" id="name"><br>

<!-- 
1.用label直接包裹input，就可以实现
2.如果label里面有多个表单元素，想定位到某个元素，可以通过for  id的格式来操作
-->

3.textarea控件（文本域）

    如果需要输入大量的文本信息，就需要使用<textarea></textarea>标签。通过textarea控件可以轻松的创建多行文本输入框，其基本语法格式如下：

<textarea cols="每行中的字符数" rows="显示的行数" placeholder="期待你的神评论"></textarea>
<!-- 
cols:
placeholder:表示文本域中的提示内容，当输入文本时，提示文本会自动消失 -->

     禁止textarea拉伸： style="resize:none"

4.下拉菜单

    使用select控件定义下拉菜单，基本语法格式如下：

<select>
	<option>选项1</option>
	<option>选项2</option>
	<option>选项3</option>
	...		
</select>

<!-- 
	1、select标签中至少应包含一对option标签
	2、在option标签中加入selected="selected"属性时，表示当前项为默认选中项
-->

5.表单域

    在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中所有内容都会被提交给服务器。基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称">
    各种表单控件
</form>

    常用属性：

    1.action

      在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。

    2.method

     用于设置表单数据的提交方式，取值为get与post。

    3.name

     用于指定表单的名称，以区分同一个页面上的多个表单。

     注意：每个表单都应该有自己的表单域

第七章：前端如何进行SEO优化

         SEO，即Search Engine Optimization， 搜索引擎优化，是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。

         搜索引擎采用易于被搜索引用的手段，对网站进行有针对性的优化，提高网站在搜索引擎中的自然排名，吸引更多的用户访问网站，提高网站的销售能力和宣传能力，从而提升网站的品牌效应。

        合理的title、description、keywords

       搜索对着三项的权重逐个减小，title值强调终点即可；description把页面内容高度概括，不可过分堆砌关键字；keywords例举出重要关键字。

1.title

    title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到(搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要)，title一般不超过80个字符，而且词语间要用英文"-"隔开,因为计算机只对英文的敏感性较高，对汉语的敏感性不高。

    用法:

<title>web前端开发工程师</title>

   （1） 首页title写法，一般是"网站名称-主关键字词或一句含有主关键字的描述"。一般网站名称放在后面，因为搜索引擎给予标题最前面的词比后面高。比如:"冰箱_变频冰箱-海尔官网”

   （2）文章页title写法，一般有3种：“文章标题-网站名称”、“内容标题-栏目名称-网站名称”、“内容标题-网站名称”。其中，“内容标题-栏目名称-网站名称”的写法最规范，它能给用户很好的提示，让用户知道他在访问哪篇文章，并且是在哪个网站的哪个栏目下。

​​​​​2.description （内容摘要）

  description是对于一个网页的简要内容概况。description一般不超过150个字符，描述内容要和页面内容相关。

  用法：

<meta name="description" content="你网页的简述">

（1）首页description写法，一般是讲首页的标题、关键字和一些特殊目的的内容融合到里面，写成简单的介绍。

（2）文章页keywords写法，建议提取文章中的关键字。

3.keywords（关键字）

   keywords，主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此keywords的每个词都要能在内容中找到相应匹配，才有利于排名。keywords一般不超过3个，每个关键字不宜过长，而且词语间要用英文","隔开。尽量将重要的关键字靠前放，因为靠后的关键字排名较差，除非你占有很高的权重。

   用法:

<meta name="keywords" content="关键字1,关键字2,关键字3,关键字4">

（1）首页keywords写法，一般是"网站名称,主要栏目名,主要关键字"

<meta name="keywords" content="互联网，Java工程师，嵌入式开发工程师，wen全栈开发工程师">

​​​​​​​

代码世家
关注
  • 45
    点赞
  • 踩
  • 53
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础知识
12-20
HTML前端网页设计的一些小知识，非常适合初学者学习，
头歌-HTML基础
somewon的博客
03-06 9223
四川师范大学 头歌 web应用开发
HTML相关
m0_57860459的博客
04-14 1111
(1) 标签相关概念 1. HTML版本 html的版本有: HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01（微小改进） HTML5：2008年正式发布,现在都在用第5版的html 2. HTML文件# 一个html文件用浏览器打开就是一个网页 第一个网页(有文字, 有链接和图片) <!DOCTYPE html> <html lang="en"> <head> <meta charset="
Html基础学习系列 第二篇 【HTML 的版本和演变 】
NidhoogJX的博客
05-09 141
目前，HTML5 已成为 Web 技术的主流标准，而 HTML 的未来也将不断涌现新的功能和应用，为互联网的发展带来更多的可能性。
html有多少版本,有关HTML版本
weixin_34396144的博客
07-02 1221
先说说HTML的简史：从HTML1.0~2.0(1989~1991)>HTML3(1995)>HTML4(1998)>HTML4.01(1999)>XHTML1.0(2001)>HTML5(终极版本)。HTML规范一直在变，随着浏览器的需求，迫使HTML不得不更新换代。到HTML4时出现的World Wide Web Consortium(万维网协会W3C)，一个致力...
html文档类型和版本发展史
似水流年QC的博客
05-12 593
html文档类型和版本发展史
html版本有哪些,有关HTML版本
weixin_39933336的博客
06-17 855
先说说HTML的简史：从HTML1.0~2.0(1989~1991)>HTML3(1995)>HTML4(1998)>HTML4.01(1999)>XHTML1.0(2001)>HTML5(终极版本)。HTML规范一直在变，随着浏览器的需求，迫使HTML不得不更新换代。到HTML4时出现的World Wide Web Consortium(万维网协会W3C)，一个致力...
html基础
02-20
html基础
HTML学习笔记
weixin_55334020的博客
06-20 285
HTML入门学习笔记，由哔哩哔哩动力节点老杜HTML视频教学中的笔记和源码整合而来，
html最新的版本是多少,HTML5之前的版本是什么？
weixin_39756895的博客
06-15 2403
HTML5之前的版本是什么？发布时间：2020-04-30 09:47:46来源：亿速云阅读：295作者：小新今天小编给大家分享的是HTML5之前的版本是什么，相信很多人都不太了解，为了让大家更加了解HTML5之前的版本，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。HTML5之前的HTML版本是什么HTML5之前的版本是 HTML 4.01 ，HTML5版本为当前最新的HTML版本...
html最早版本,HTML5之前的HTML版本是什么
weixin_34656543的博客
06-10 865
HTML5之前的HTML版本是什么HTML5之前的版本是 HTML 4.01 ，HTML5版本为当前最新的HTML版本。HTML4.01、HTML5 之间的区别： 声明区别HTML有多个不同的版本，只有准确的在页面中指定确切的HTML版本，浏览器才能正确无误的显示html' target='_blank'>HTML页面。这就是的用处。 不是HTML标签，它只是为浏览器提供一项声明，因此它没有...
html版本
weixin_30782331的博客
01-14 171
1、html4/4.01 (SGML) 非常通用的语言，少写闭合，大小写混合了，浏览器都会去容错，就是html怎么写都不会导致浏览器挂掉，大家都觉得这种方式是不科学的 2、XHTML(XML) 基于xml，出现了xhtml，xhtml是要求非常严格，所有标签必须是小写，所有属性必须是小写的，所有的属性必须要有值，再继续迭代了2.0。因为太严格了，大家就觉得烦了，后面出现了ht...
HTML版本发展
清风
09-19 426
HTML版本发展 　　介绍一下HTML版本，这门 Web 标记语言得生长简史。 HTML 2.0 　　基于SGML（Standard Generalized Markup Language，标准广义置标语言，是一套用来描述数字化文档的结构并管理其内容的复杂的规范）中的一个子集演变而来的。 　　HTML 2.0 是 1996 年由 Internet 工程工作小组的 HTML 工作组开发的。HTML 2.0 是过时的 HTML 版本。 　　目前在市场上可以找到的浏览器都依赖于更新版本的 HTML。对于一位 WE
html各个版本区别与联系,html 各个版本和doctype整理
weixin_32323283的博客
06-15 864
Xhtml和html区别：・HTML 1.0 -- 1993年6月,IETF发布・HTML 2.0 -- 1995年11月,发布・HTML 3.2 -- 1996年1月,W3C推荐标准・HTML 4.0 -- 1997年12月,W3C推荐标准・HTML 4.01 -- 1999年12月,W3C推荐标准・HTML 5.0 -- 2008年8月,W3C工作草案HTML 2.0是过时的HTML版本，大概...
修改ButterKnife bug的实战经验
薛瑄的博客
08-01 989
前言 不得不说ButterKnife是一个很有学习价值的项目。我从学习源码，修改bug后，最后pull request，学到了很多东西。如果你对Butterknife 源码还不了解，建议先看一下这篇文章。本文章不介绍基础的源码流程，主要是深入一部分代码，分享一些我在调试bug，修改bug的经验。 与其拿着一个黑盒子看着表面，不停得猜测里面到底哪里出了问题，不如打开盒子看一下，看懂它的逻辑，比在外面...
怎么看网页是使用的哪个HTML版本编写的？
庄AC的博客
01-17 9384
想要知道某个网页是由哪个HTML版本编写的，其实很简单，看源码最前面每个页面都要有的、但是看也看不懂的、老师还不一定讲的那一坨代码就行了。
HTML旧版本
weixin_43846130的博客
07-11 298
; 第一行： 网页的声明，Doctype Defintion 文档类型的定义，简称DTD w3c是指定web的规范组织 HTML,CSS,JS都是w3c定义发布的 网页声明的主要作用：就是用来告诉浏览器，这是一个什么标准的网页 第二行： 最大的HTML标签 所有的网页内容，都包裹在这个标签当中 所有的HTML标签都不区分大小写 第三行：head:头部 文件配置用于描述文件 字符集配置 ...
html基础手册下载
最新发布
12-31
你可以在网上找到很多关于HTML基础手册的下载资源。可以在搜索引擎上输入关键词“HTML基础手册下载”，然后浏览搜索结果找到适合自己的下载链接。同时，你也可以在一些知名的学术网站或者技术论坛上寻找HTML基础手册...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值