html页面跳转方式和a标签的应用

冷不防 2022-03-26 04:58 349阅读 0赞

html页面跳转方式和a标签的应用

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		
    		<meta http-equiv="refresh" content="5;url=111.html">
    		<title>页面跳转方式</title>
    		<script>
    			/*2.触发js由window对象的location去跳转*/
    			function gogo(){
    				window.location.href="02iframe.html";
    			}
    		</script>
    	</head>
    	<body>
    		
    		<a href="http://www.baidu.com">a链接去百度</a>
    		<a href="javascript:gogo()">触发js->location跳转</a>
    		
    		<form action="222.html">
    			<input type="submit"/>
    		</form>
    	</body>
    </html>

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>a标签的应用</title>
    		<script>
    			function gogo(){
    				alert("点我干嘛！");
    			}
    		</script>
    	</head>
    	<body>
    		<div style="height: 1000px;">
    			<a href="../01/01table.html">相对路径跳转</a><br />
    			<a href="http://www.baidu.com">绝对路径跳转百度</a><br />
    			<a href="javascript:gogo()">触发js</a><br />
    			<a href="#div2">锚点</a><br />
    			<a href="tel:12345678899">调取电话应用</a>
    			<a href="../1.jpg">查看资源</a>
    		</div>
    		<div style="height: 1000px;">
    			<span id="div2">看到我了吗?</span>
    		</div>
    	</body>
    </html>

1、 五大主流浏览器的内核？  
浏览器的名称 内核 浏览器的由来 浏览器的性能  
谷歌（chrome） Webkit  
Chrome 28以上为Blink内核 Google公司旗下浏览器 快速、安全、搜索引擎好、速度最快的浏览器  
火狐（Firefox） Gecko mozilla公司旗下浏览器  
简称：FF 安全性高，速度中等  
IE浏览器 Trident 微软公司在Mosaic代码的基础之上修改而来的浏览器 速度慢，安全性中等  
Safari Webkit 苹果公司旗下浏览器 在苹果系统下是很优秀的浏览器  
欧朋(Opera) Presto  
Opera15版本以上是Blink内核 是挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器; 速度快，浏览器界面简洁

2、 简述几种web前端的主流开发工具（IDE）的优缺点？  
(1) Hbuilder：免费、轻量级，占用资源少，可作为移动端开发平台（打包工具），开发前端html、css、js、jquery等提示效果好，但对与nodejs需要下载插件，且下载后效果不佳。  
(2) Webstorm：收费、占用比较大内存资源，是流行的前端开发框架，开发html、css、js等提示效果好，但操作性稍差，对nodejs、angularjs等提示效果好。  
(3) Sublime：与hbuilder类似，对于nodejs提示少。  
3、 什么是严格模式以及混杂模式？  
答：DOCTYPE（是Document Type文档类型的简写）是声明解析类型的规则。 DOCTYPE正是用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头声明，用以声明这个文档的类型风格。  
严格模式：是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，如  
。  
混杂模式：是一种比较宽松的向后兼容的模式。混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作。  
4、 元数据标签meta：用来描述一个HTML网页文档的基本属性，例如怎么实现作者、网页描述、关键词、文档编码的实现。  
(1) keywords－关键字：  
  
(2) Description－简介：  
  
(3) Author－作者：  
  
(4) 文档编码 - html5设定编码方式  
  
5、 Html常用的特殊字符有哪些？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTAyNDcw_size_16_color_FFFFFF_t_70]  
6、 html注释的编写方式是什么？  
<!—此处是html注释 -->  
7、 简述什么是块级元素？什么是内联元素？并举出相应的例子？  
答：块级元素:  
①总是在新行上开始；  
②高度，行高以及外边距和内边距都可控制；  
③它可以容纳内联元素和其他块元素  
内联元素元素:  
①和其他元素都在一行上；  
②高度、行高和顶以及底边距都不可改变；  
③宽度就是它的文字或图片的宽度，不可改变，例如span等，但块状内联可以设定高度和宽度。  
块级元素：div p h1 h2 h3 h4 form ul  
内联元素: a b br i span input select  
8、 列表标签的分类有哪些？并举例说明？  
(1) 自定义列表  
![在这里插入图片描述][20190115175102816.]  
(2) 有序列表  
![在这里插入图片描述][20190115175109191.]  
(3) 无序列表  
![在这里插入图片描述][20190115175115703.]  
9、 h1—h6：标题文字标签，从h1到h6字体大小顺序是?  
标题文字标签：从h1到h6默认字体大小依次减少。

# 咏春集团 #

## 咏春集团 ##

### 咏春集团 ###

#### 咏春集团 ####

##### 咏春集团 #####

###### 咏春集团 ######

10、 框架标签的引入方式是？列出最基本的属性设置(设定边框、高度、宽度、设定滚动条、引入外部资源路径)？

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTAyNDcw_size_16_color_FFFFFF_t_70]: /images/20220326/03179c4133a642a5bee10f3035f3b489.png
[20190115175102816.]: /images/20220326/4d2e5782802249ac84de1fff3373b408.png
[20190115175109191.]: /images/20220326/e1cf00e878854c618d55c1fd2955739e.png
[20190115175115703.]: /images/20220326/fd8471440e7d4c82b6503ce49c39b158.png