34道常见的HTML+CSS面试题（附答案）

众号【传智播客博学谷】回复关键词：前端 PS Java(100G) Python(80G) 大数据区块链测试 PPT JS(40g+300教程) HTML 简历领取相关学习资料！

一、HTML

1、<image>标签上title属性与alt属性的区别是什么？

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。

这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。

title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。参考《alt和title属性的区别及应用》

2、分别写出以下几个HTML标签：文字加粗、下标、居中、字体

加粗：<b>、<strong>

下标：<sub>

居中：<center>

字体：<font>、<basefont>、参考《HTML标签列表》

3、请写出至少5个html5新增的标签，并说明其语义和应用场景

section：定义文档中的一个章节

nav：定义只包含导航链接的章节

header：定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

footer：定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。

aside：定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。

参考《HTML5 标签列表》

4、请说说你对标签语义化的理解？

a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；

d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

5、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

声明位于文档中的最前面，处于标签之前。告知浏览器以何种模式来渲染文档。

严格模式的排版和 JS 运作模式是，以该浏览器支持的最高标准运行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

6、你知道多少种Doctype文档类型？

标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，

Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

7、HTML与XHTML——二者有什么区别

a. XHTML 元素必须被正确地嵌套。

b. XHTML 元素必须被关闭。

c. 标签名必须用小写字母。

d. XHTML 文档必须拥有根元素。

参考《XHTML 与 HTML 之间的差异》

8、html5有哪些新特性、移除了那些元素？

a. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

b. 拖拽释放(Drag and drop) API

c. 语义化更好的内容标签（header,nav,footer,aside,article,section）

d. 音频、视频API(audio,video)

e. 画布(Canvas) API

f. 地理(Geolocation) API

g. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失

h. sessionStorage 的数据在页面会话结束时会被清除

i. 表单控件，calendar、date、time、email、url、search

j. 新的技术webworker, websocket等

移除的元素：

a. 纯表现的元素：basefont，big，center, s，strike，tt，u；

b. 对可用性产生负面影响的元素：frame，frameset，noframes；

9、iframe的优缺点？

优点：

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

c. iframe跨域通信

缺点：

a. iframe会阻塞主页面的Onload事件

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很多页面，不容易管理。

参考《iframe的一些记录》

10、Quirks模式是什么？它和Standards模式有什么区别？

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。IE6以前的页面大家都不会去写DTD，所以IE6就假定如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。

区别：总体会有布局、样式解析和脚本执行三个方面的区别。

a. 盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。

b. 设置行内元素的高宽：在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。

c. 设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用

d. 设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。

11、请阐述table的缺点

a. 太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量。

b. 灵活性差，比如要将tr设置border等属性，是不行的，得通过td

c. 代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱

d. 混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱。

e. 不够语义

参考《为什么说table表格布局不好？》

12、简述一下src与href的区别

src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接

公众号【传智播客博学谷】回复关键词：前端 PS Java Python 大数据区块链测试 PPT JS HTML 简历领取相关学习资料！

JavaScript

JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。

JavaScript对大小写敏感。

1.1 JavaScript的用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

Ø <script> 标签

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

Ø <body> 中的 JavaScript

在本例中，JavaScript 会在页面加载时向 HTML 的 <body> 写文本：

1.2 JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

在 JavaScript 中有 5 种不同的数据类型：

l string

l number

l boolean

l object

l function

3 种对象类型：

l Object

l Date

l Array

2 个不包含任何值的数据类型：

l null

l undefined

你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。

1.3 JavaScript函数

我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分：

我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分：

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

1.4 JavaScript注释

双斜杠 // 后的内容将会被浏览器忽略。

1.5 JavaScript变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值：

1.6 JavaScript操作符

1.7 JavaScript关键字

和其他任何编程语言一样，JavaScript 保留了一些标识符为自己所用。

JavaScript 保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。

JavaScript 标识符必须以字母、下划线（_）或美元符（$）开始。

后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JavaScript 可以轻易区分开标识符和数字）。

以下是 JavaScript 中最重要的保留字（按字母顺序）：

1.8 JavaScript If...Else 语句

通常在写代码时，总是需要为不同的决定来执行不同的动作。可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

l if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

l if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

l JavaScript三目运算 - 当条件为true 时执行代码，当条件为 false 时执行其他代码

l if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

l switch 语句 - 使用该语句来选择多个代码块之一来执行

1.9 JavaScript for循环

JavaScript 支持不同类型的循环：

l for - 循环代码块一定的次数

l for/in - 循环遍历对象的属性

l while - 当指定的条件为 true 时循环指定的代码块

l do/while - 同样当指定的条件为 true 时循环指定的代码块

1.10 JavaScript JSON

JSON 是用于存储和传输数据的格式。

JSON 通常用于服务端向网页传递数据。

什么是 JSON?

l JSON 英文全称 JavaScript Object Notation

l JSON 是一种轻量级的数据交换格式。

l JSON是独立的语言 *

l JSON 易于理解。

注：JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。

以下 JSON 语法定义了 employees 对象: 3 条员工记录（对象）的数组:

{"employees":[

{"firstName":"John", "lastName":"Doe"},

{"firstName":"Anna","lastName":"Smith"},

{"firstName":"Peter", "lastName":"Jones"}

]}

JSON 语法规则:

l 数据为键/值对。

l 数据由逗号分隔。

l 大括号保存对象

l 方括号保存数组

JSON 字符串转换为 JavaScript 对象（两种方式）:

首先，创建 JavaScript 字符串，字符串为 JSON 格式的数据：

var text = '{ "employees" : [' +

'{ "firstName":"John" , "lastName":"Doe" },' +

'{ "firstName":"Anna" , "lastName":"Smith" },' +

'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

l 使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:

var obj = JSON.parse(text);

l JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

var obj = eval ("(" + txt + ")");

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在小括号中，这样才能避免语法错误。

eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。

使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。而且 JSON 解析器的速度更快。

最后，在页面中使用新的 JavaScript 对象：

document.getElementById("demo").innerHTML =

obj.employees[1].firstName + " " + obj.employees[1].lastName;

</script>

使用JSON.stringify方法Javascript对象转换为JSON字符串：

var str = {"name":"小牛学堂", "site":"http://www.edu360.cn"}

str_pretty1 = JSON.stringify(str)

alert(str_pretty1);

1.11 Javascript void

href="#"与href="javascript：void(0)"的区别：

l # 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

l 而javascript：void(0), 仅仅表示一个死链接。

l 在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

l 如果你要定义一个死链接请使用 javascript：void(0) 。

<a href="javascript：void(0);">点我没有反应的!</a>

<a href="#pos">点我定位到指定位置!</a>

<p id="pos">尾部定位点</p>

1.12 Javascript验证表单

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

表单数据经常需要使用 JavaScript 来验证其正确性：

l 验证表单数据是否为空？

l 验证输入是否是一个正确的email地址？

l 验证日期是否输入正确？

l 验证表单输入内容是否为数字型？

必填（或必选）项目

下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：

function validateForm()

{

var x=document.getElementById(“”).value;

if (x==null || x=="")

{

alert("姓名必须填写");

return false;

}

……

姓名: <input type="text" name="fname">

</form>

E-mail 验证：xxxx@asd.cc

下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

意思就是说，输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：

function validateForm(){

var x=document.forms["myForm"]["email"].value;

var atpos=x.indexOf("@");

var dotpos=x.lastIndexOf(".");

if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){

alert("不是一个有效的 e-mail 地址");

return false;

}

……

Email: <input type="text" name="email">

</form>

1.13 JavaScript正则表达式

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

搜索模式可用于文本搜索和文本替换。

1) 什么是正则表达式？

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符，或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作。

2) 语法

/正则表达式主体/修饰符(可选)

3) 使用字符串方法

在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

function myFunction() {

var str = "My Test!";

// var n = str.search("Test");

var n = str.search(/test/i);

alert(n);

var str = "My Test";

var txt = str.replace(/test/i,"Javascript");

alert(txt);

}

4) 正则表达式修饰符

修饰符可以在全局搜索中不区分大小写:

i执行对大小写不敏感的匹配。

g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

m执行多行匹配。

5) 正则表达式模式

l 方括号用于查找某个范围内的字符：

[abc]查找方括号之间的任何字符。

[0-9]查找任何从 0 至 9 的数字。

(x|y)查找任何以 | 分隔的选项。

l 元字符是拥有特殊含义的字符：

\d查找数字。

\s查找空白字符。

\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符。

l 量词:

n+匹配任何包含至少一个 n 的字符串。

n*匹配任何包含零个或多个 n 的字符串。

n?匹配任何包含零个或一个 n 的字符串。

6) 使用 RegExp 对象

在 JavaScript 中，RegExp 对象是一个预定义了属性和方法的正则表达式对象。

test() 方法是一个正则表达式方法。

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

Eg:

/\d/.test(“123”) 返回true。

/^1\d{10}$/

/^0\d{2,3}-?\d{7,8}$/

验证邮箱的正则表达式：

function isEmail(str){

var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

return reg.test(str);

}

1.14 Javascript高级编程

1.14.1 Javascript对象

1) 创建 JavaScript 对象

通过 JavaScript，能够定义并创建自己的对象。

创建新对象有两种不同的方法：

l 定义并创建对象的实例

l 使用函数来定义对象，然后创建新的对象实例

var person=new Object();

person.firstname="John";

person.lastname="Doe";

person.age=50;

p={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

2) 使用对象构造器

使用函数来构造对象：

function person(firstname,lastname,age,eyecolor){

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

}

var myFather=new person("John","Doe",50,"blue");

alert(myFather.firstname + " is " + myFather.age + " years old.");

在JavaScript中，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）。

1.14.2 Javascript Array(数组)对象

1) 什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

2) 创建一个数组，

有三种方法, 下面代码定义了一个名为 myCars的数组对象：

1: 常规方式:

var myCars=new Array();

myCars[0]="Saab";

myCars[1]="Volvo";

myCars[2]="BMW";

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

3) 访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。

以下实例可以访问myCars数组的第一个值：

var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:

myCars[0]="Opel";

4) 在一个数组中你可以有不同的对象

所有的JavaScript变量都是对象。数组元素是对象。函数是对象。

因此，你可以在数组中有不同的变量类型。

可以在一个数组中包含对象元素、函数、数组：

myArray[0]=Date.now;

myArray[1]=myFunction;

myArray[2]=myCars;

数组方法和属性

使用数组对象预定义属性和方法：

var x=myCars.length // myCars 中元素的数量

var y=myCars.indexOf("Volvo") // "Volvo" 值的索引值

5) 数组常用方法

合并数组 - concat()

删除数组的最后一个元素 - pop()

数组的末尾添加新的元素 - push()

将一个数组中的元素的顺序反转排序 - reverse()

删除数组的第一个元素 - shift()

从一个数组中选择元素 - slice()

数组排序（按字母顺序升序）- sort()

数字排序（按数字顺序升序）- sort() eg:var arrs = [40,100,1,5,25,10]; arrs.sort(function(a,b){return a-b});

数字排序（按数字顺序降序）- sort() eg:var arrs = [40,100,1,5,25,10]; arrs.sort(function(a,b){return b-a});

转换数组到字符串 -toString()

TML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

1 HTML骨架格式

日常生活的书信，我们要遵循共同的约定。

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

<HTML>   
    <head>     
        <title></title>
    </head>
    <body>
    </body>
</HTML>

html结构：包括head body
html标签是以尖括号包围的关键字
html标签通常是成对出现的，有开始就有结束，包含成对标签、独立标签
html通常都有属性，格式：属性名＝“属性值”(多个属性之间空格隔开)
html标签不区分大小写,建议小写

2 html基本标签

HTML标签

作用：所有HTML中标签的一个根节点。

head标签

作用：用于存放：title,meta,base,style,script,link

注意：在head标签中我们必须要设置的标签是title

title标签

作用：让页面拥有一个属于自己的标题。

body标签

作用：页面在的主体部分，用于存放所有的HTML标签：p,h,a,b,u,i,s,em,del,ins,strong,img

3 颜色的表示方式

color:文本的颜色
bgcolor:背景色
background:背景图片

第一种方式：使用颜色名称: 仅仅有16种颜色名可用英文字母，其余的要用16进制值。

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

第二种方式：RGB模式

第三种：十六进制

#000000 #ffffff #325687 #377405

4 文档类型<!DOCTYPE>（重点）

<!DOCTYPE html>这句话就是告诉我们使用哪个html版本，我们使用的是 html 5 的版本。 html有很多版本，那我们应该告诉用户和浏览器我们使用的版本号。

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。

5 HTML标签的语义化（重点）

所谓标签语义化，就是指标签的含义。

为什么要有语义化标签：方便代码的阅读和维护，同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容，使用语义化标签会具有更好地搜索引擎优化

核心：合适的地方给一个最为合理的标签。

语义是否良好： 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性，不管是谁都能看懂这块内容是什么。

遵循的原则：先确定语义的HTML ，再选合适的CSS。

6 总结：（重要知识点）

双标签

<html></html>
<head></head>
<title></title>
<body></body>
<table></table>
<tr></tr>
<td></td>
<span></span>
<p></p>
<form></form>
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<object></object>
<style></style>
<b></b>
<u></u>
<strong></strong>
<i></i>
<div></div>
<a></a>
<script></script>
<center><center>

单标签

<br>
<hr>
<img>
<input>
<param>
<meta>
<link>

排版标签

1.注释标签：<!–注释–>
-------------------------------------
2.换行标签：<br/>
-------------------------------------
3.段落标签：<p>文本文字
   特点：段与段之间有行高
   属性：align对齐方式
           (left：左对齐 center：居中 right：右对齐)
-------------------------------------
4.水平线标签:<hr/>
   属性:
        width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示)
        size: 水平线的粗细 (像素表示，例如：10px)
        color: 水平线的颜色
        align:水平线的对齐方式(left：左对齐 center：居中 right：右对齐)
-------------------------------------
5.容器标签（重点）
     <div>:块级标签，独占一行，换行
     <span>:行级标签，所有内容都在同一行作用
     <div>:主要是结合css页面分块布局
     <span>:进行友好提示信息

标题标签 (熟记)

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行；

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

列表标签

容器里面装载着文字或图表的一种形式，叫列表。列表最大的特点就是整齐、整洁、有序

无序列表 ul （重点）

无序列表标签： <ul></ul>
    属性：type :三个值，分别为：
           circle(空心圆) ,disc(默认,实心圆),square(黑色方块)
    列表项：<li></li>
注意：
<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
<li>与</li>之间相当于一个容器，可以容纳所有元素。

无序列表会带有自己样式属性，放下那个样式，一会让CSS来！

有序列表 ol

有序列表标签：<ol>
      属性：type：1、A、a、I、i（数字、字母、罗马数字）
      列表项： <li></li>

定义列表dl

\dl>
<dt>名词1
<dd>名词1解释1
<dd>名词1解释2
…
<dt>名词2
<dd>名词2解释1
<dd>名词2解释2
…
</dl>

dl>
名词1
名词1解释1
名词1解释2
... 名词2
名词2解释1
名词2解释2
...

图片标签

独立标签

属性:
src：图片地址： 相对路径 （同一个网站） 绝对路径 （不同网站）
width:宽度height:高度border:边框align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）
alt:图片的文字说明hspace 和 vspace 设定图片边沿上下左右空白，以免文字或其它图片过于贴近

链接标签

超链接可以是文本，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。（不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接）

属性：
href:跳转页面的地址(跳转到外网需要添加协议)；
name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值
target:_self(自己) _blank(新页面，之前页面存在) _
__parent top 默认
self_search相等于给页面起一个名字，如果再次打开时，如果页面存在，则不再打开新的页面。可以是任意名字。

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

在线咨询

上一篇：3个步骤为网站添加响应式
下一篇：Web前端：JavaScript与HTML—你应该知道的基本区别

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

34道常见的HTML+CSS面试题（附答案）

JavaScript

您的项目需求