HTML基础标签解析

1.互联网的三大基石
(1)互联网中的三大基石是什么?
HTML:超文本标记语言
HTTP:超文本传输协议
URL:统一资源定位符
(2)如何理解HTML、CSS、JS之间的关系，简单说明?
HTML相当于一个整个页面的骨架，能够大致实现页面的功能，CSS是在HTML的基础上美化页面的功能，最后JS是实现动态的页面展现。
2.HTML入门
(1)HTML的作用是什么?
HTML是一种专门对网页信息进行规范化展示的语言。
把网页的信息格式化展现的语言
(2)谈谈你如何理解HTML的
超文本：文本信息 、图片、声音、视频、超链接等
标记：标签的体现
(3)请问HTML中标签的作用
指定浏览器以utf-8的编码解析该网页
3.Head中的子标签
(1)请简述标签的作用

标签的作用是对HTML文档标签的约束，指定标签的书写位置，规范HTML文档

(2)请简述什么样的标签写head ,什么样的标签写到body中
Head中放一些和浏览器中的配置信息

Body放直接展现到用户面前的信息

4.基本标签一
(1)请列举标题标签常用的属性并说明含义

<!--标题标签h1-h6 属性：align对齐	加粗加黑，自动换行-->
		<h1 align="center">盼望着，盼望着，东风来了，春天的脚步近了。</h1>
		<h2>盼望着，盼望着，东风来了，春天的脚步近了。</h2>
		<h3>盼望着，盼望着，东风来了，春天的脚步近了。</h3>
		<h4>盼望着，盼望着，东风来了，春天的脚步近了。</h4>
		<h5>盼望着，盼望着，东风来了，春天的脚步近了。</h5>
		<h6>盼望着，盼望着，东风来了，春天的脚步近了。</h6>

(2)请列举分割线标常用的属性并说明含义

<!--分割线标签 	align:对齐 	color:颜色 	size:高度大小 	width:宽度-->
		<hr align="left" color="chartreuse" size="20px" width="500px" />

5.基本标签二
(1)请列举常用的列表标签

	<!--列表标签{[1]有序列表，[2]无序列表，[3]自定义列表}-->
	<!--
		作用：
		 【1】树形菜单
		 【2】导航栏的布局
	-->
	<!--有序列表-->
	<ol type="I">
		<li>javaSE</li>
		<li>javaEE</li>
		<li>javaME</li>
	</ol>
	
	<!--无序列表-->
	<ul>
		<li>javaSE</li>
		<li>javaEE</li>
		<li>javaME</li>
	</ul>
	
	<!--自定义列表-->
	<dl>
		<dt>java</dt>
		<dd>javaSE</dd>
		<dd>javaEE</dd>
		<dd>javaME</dd>
	</dl>

(2)请说出小标签的作用和特点
小标签不会自动换行

	<!--下划线标签-->
	<u>北京尚学堂</u>
	<!--斜体标签-->
	<i>北京尚学堂</i>
	<!--加粗加黑标签-->
	<b>北京尚学堂</b>
	<!--删除线标签-->
	<del>北京尚学堂</del>
	<!--上标标签-->
	2<sup>3</sup>
	<!--下标标签-->
	log<sub>2</sub>
	<!--字体变小标签-->
	<small>北京尚学堂</small>
	<!--字体放大-->
	<big>北京尚学堂</big>
	<!--字体标签  face：指定字体的风格-->
	<font face="楷体" color="darksalmon" size="25px">北京尚学堂</font>

	<!--跑马灯标签-->
	<marquee direction="right" scrollamount="20px">北京尚学堂</marquee>

6.超链接标签
(1)请简述超链接标签的作用和用法

	<a href="#bottom" name="top">返回底部</a><br/>
	
	<!--实现本地资源的跳转-->
	<a href="03HTML中的小标签.html" target="_blank">超链接标签测试1</a>
	<!--实现网络资源的跳转-->
	<a href="http://www.bjsxt.com" target="_blank">超链接标签测试2</a>
	<br />*100
	<a href="#top" name="bottom">返回顶部</a>

7.图片标签
(1)请说出图片标签中src这个属性可以书写的路径有几种
相对路径、绝对路径、网络路径

	<!--相对路径-->
	<img src="img/1.jpg" width="500px"/>
	<!--绝对路径-->
	<img src="F:\\HBuilder\\HBuilderProjects\\day034-HTML\\img\\2.jpeg"/>
	<!--网路图片-->
	<img src="http://pic32.nipic.com/20130823/13339320_183302468194_2.jpg" width="300px"/>

(2)请说出图片标签的几个常用属性和属性的作用
src：引入图片的位置{相对路径、绝对路径、网络路径 }
alt：图片无法正常显示的时候显示的属性
align：图片的位置 ，必须有参照物
border：图片的边框
width：图片的宽度
height：图片的高度
title：图片的标题

<img src="img/2.jpeg" width="300px" title="紫色" border="2px" alt="图片显示错误" align="center"/>

8.表格标签
(1)请列举table标签的常用的属性和对应的作用
width：表示表格的宽度
height：表示表格的高度
align：表示表格是否对齐（若在table标签下定义表示整个表格是否对齐，若定义在行或列上表示文本内容是对齐）
bgcolor：表示表格的背景颜色
border：表示表格的边框
rowspan：表示两个行合并
colspan：表示两个列合并
cellpadding：内容和单元格的距离
cellspacing：单元格和单元格的距离
9.表单标签1
(1)form表单中action属性的作用?
在form表单中action表示表番提交地址
(2)提交方式GET 和POST 的区别是什么?
get:
(1)参数会依附于url地址之后
(2)利用get方式提交数据，数据的长度有限制
(3)利用get方式提交数据，是不安全的
Post：
(1)请求不会依附于地址
(2)利用post处理参数不受限制
(3)post提交数据比较安全
10.表单标签2
(1)列举出 常用的表单项的属性
常用的表单项属性：
1）input=> type=’text’普通文本框
2）input=> type=’password’密码文本框
3）input=> type=’radio’单选框
4）input=> type=’checkbox’复选框
5）input=> type=’file’文件选择框
6）input=> type=’hidden’隐藏框
7）input=> type=’button’普通按钮框
8）input=> type=’submit’提交按钮框
9）select->option 下拉框
10）textarea 文本域框

(2)请输出type=”button“ 和 type=”submit“的区别
type=“button”普通的按钮没有数据提交的功能
type=“submit”有数据提交的功能

11.IFrame 标签
(1)请写出ifram标签的作用
Iframe标签的作用是网页中嵌套了另一个框架
12.Frameset 标签
(1)请简述 frameset 的作用?
Frameset对网页进行整个划分
(2)如果我想让新建好的 frameset 中每一个网页大小不可改变应该调整哪一个属性?
在frame中设置属性noresize为noresize
13.div标签
(1)请简述div标签的作用
div本身是没有任何的含义，作用就是把网页进行模块化的划分