【40】
HTML 语言一、 叙述 URL、HTML、HTTP 的作用
1.url（Uniform Resource Locator ），统一资源定位符。作用是通过一串字符串来唯一定位
互联网上的一个资源
2.html（HyperText Markup Language ）超文本标记语言，用来显示丰富多彩的数据的一
种标签语言，让数据更多元化的呈现在浏览器上供用户浏览
3 http（HyperText Transfer Protocol）超文本传输协议是互联网上应用最为广泛的一种网络协议。所有的 WWW 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML页面的方法。
二、HTML 中，属性值用双引号、单引号、不加引号都可以。这种说法对吗
对，但是规范推荐加上双引号。避免碰到下面这样的情况
<input type=text name=uname/> 错误<input type=text name=uname /> 正确
三. 使用文本编辑器编辑完 HTML 后，扩展名需要使用哪些
.htm 或者.html
四.
标记的作用是
被 p 标签修饰的数据会自动与上一个元素与下一个元素空一行并换行。我们称之为段落标签
五. SEO 是什么
SEO（Search Engine Optimization），搜索引擎优化。让你的页面评分更高，排名更靠前，用户更容易搜索到你的网页
六. title/description/keywords 都跟 SEO 相关吗
是
七.
中的内容会在页面上显示吗不会，head 中内容是对当前 html 文档的一个控制和描述
八. 标记中 alt 属性和 title 属性的区别
alt 属性是在图片无法正常加载的时候显示的内容
title 属性是在鼠标移动到当前图标时鼠标旁出现的内容
九. 【上机】将 youku 上的某个视频通过
<embed src='http://player.youku.com/player.php/sid/XMTgxMjEwMDE0OA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle'allowscr-iptaccess='always' type='application/x-shockwave-flash'>embed>
十. 超链接标签的使用中，可否使用图片作为超链接的子元素
可以，这样的做法在工作中经常使用。
<a href=http://www.baidu.com><img src=””>a>
十一. 锚点的作用是 什么时候可能用到
锚点的作用是在网页的某个地方做一个标记。小说网站。购物网站的楼层功能，返回顶部功能等等
十二. 【上机】写出超链接、锚点的示例代码
<a href=”#A”>跳转到名字叫 A 的锚点a><a name=”A”>a>
十三. 【上机】写出列表标签的示例代码
<ol type=“A”><li>京东li><li>淘宝li><li>天猫li><ol><ul><li>京东li><li>淘宝li><li>天猫li><ul>
十四. 【上机】查资料，制作一个单线表格。
加入 css 样式
<style>table{background:#000;border:0;}table tr{background:#FFF;}style>
十五. frameset、frame 、iframe有什么作用
frameset 是框架集合，可以用来布局分隔页面。
frame 是 frameset 的子标签。可以引用另外一个单独的 html
iframe是嵌入式框架，在自己的网页中嵌入别人写好的 html，增加代码的复用
十六. 表单的作用是什么
表单用于收集和提交用户输入的数据
十七. 表单的提交方式有 get 和 post，它们有什么区别
a) get : 是在 url 后面加上传送字符串，传送信息会显示在浏览器地址栏上，会有安全问题，
传送信息量不可太大。有缓存
b) post :传送的表单信息作为 http request 的一部分，资料不会显示在地址栏上，传送字量
量大。无缓存
十八. 一个表单域如果没有设定 name 属性，它的值会不会被提交
不会
十九. 单选按钮是分组的，名字相同的分为一组。对吗
对，复选框也又分组的概念，name 相同即为一组
二十. 如果我想做“多选一”，可以使用哪些表单域 "多选多"可以使用哪些表单域
多选一用 radio 多选多用 checkbox
二十一. 如果想打开页面后就默认选中某个复选框，使用 checked 还是 selected 属性
使用 checked 属性
CSS 语言一. CSS 全称及其作用是什么
层叠样式表 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，让页面变得更加精美
二. 【上机】用代码说明如何引入 css 文件
<link rel="stylesheet" href="css/util.css" />
三. 【上机】用代码说明如何使用
<head><meta charset="UTF-8"><title>title><style>p{color: yellow;}style>head>
四. 【上机 】 说 说 这 三 个 选 择 器 的 区 别 ： 元 素 选 择 器 、 class 选 择 器 、 id 选 择 器 。
元素选择器，直接写元素名，对当前页面的所有叫这个名字的元素进行渲染修饰
id 选择器，#加上元素的 id 名，对指定 id 名字的元素进行渲染修饰
class 选择器， .加上 class 名，对指定 class 名字的元素进行渲染修饰
<style>#id{}.class{}元素名字{}style>
五. 【上机】列出下面的内容对应的 css 样式代码：
1. 字体和文本属性 font-family，text-XXX
2. 定位属性 Position
3. 背景属性 background
4. 布局属性 layout
5. 列表属性 list-style-XXX
6. 边框属性 Border-XXX
7. 鼠标样式 Cursor：XXX
六. 样式就近原则指的是什么
指的是离元素最近的样式会起作用。不一定，要看是否是渲染同一个元素。渲染同一个元素的情况下，才有优先级的问题出现
七. 继承原则中，css 所有的样式都可以继承吗
不是 比如 border 等等之类的
八. 盒子模型
1. padding：设置所有内补丁。padding: 5px 、padding 5px 4px 3px 2px （上右下左）
2. padding-：分别设置上、右、下、左的内补丁。
3. margin：设置所有外补丁。margin:5px、padding 5px 4px 3px 2px
4. margin-：分别设置上、右、下、左外补丁
HTML5 新标签和新功能
一. HTML5 的优势是哪些？由于这些优势变成了现在的技术潮流。
1.更容易使用，更明确的语义。新的 HTML 标签像
telephone, email, password, datepickers, range 以及 color。
novalidate 属性规定当提交表单时不对其进行验证。
如果使用该属性，则表单不会验证表单的输入。
注释：novalidate 属性适用于：
