前端学习笔记_HTML
2015-12-27 本文已影响100人
质真如渝
什么是HTML呢？
超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。
一个基本的HTML结构：
<!doctype html> //告诉浏览器如何渲染页面!
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
常见的meta标签
- 页面关键词
<meta name="keywords" content="your tags" /> - 页面描述
<meta name="description" content="150 words" /> - 移动设备
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
HTML的标签
块级元素：
- div - 无意义的块级元素
- dl - 定义列表
- form - 交互表单
- h1 ~ h6 - 标题
- hr - 水平分隔线
- ol - 有序表单
- p - 段落
- table - 表格
- ul - 无序列表
行内元素：
- a - 锚点
- br - 换行
- em - 强调
- img - 图片
- input - 输入框
- label - 表格标签
- strong - 粗体强调
- span...
块元素与行内元素的区别
- 块级元素
a. 总是在新行上开始，占据一整行；
b. 高度，行高以及外边距和内边距都可控制；
c. 可以容纳内联元素和其他块元素；
d. 宽度与内容无关。 - 行内元素
a. 和其他元素在同一行；
b. 高，行高及外边距和内边距部分可改变；
c. 宽度只与内容有关；
d. 行内元素只能容纳文本或者其他行内元素；
e. 行内元素不可以控制宽和高，其宽度随着内容增加，高度随字体大小而改变。
HTML 和 XHTML 的区别是什么?
XHTML:
- 可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页；
- 所有标签都必须小写；
- 标签必须成对出现；
- 标签顺序必须正确；
- 所有属性都必须使用双引号。
title和alt的区别
alt是当图片不存在时的替代文字
title是对图片的描述与进一步说明
在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示
只有在ie6中当鼠标经过图片时title和alt的值都会显示。
学习网址：w3school
