前端学习笔记_HTML

什么是HTML呢？

超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。

一个基本的HTML结构：

  //告诉浏览器如何渲染页面!

  
      
  
  
  

常见的meta标签

• 页面关键词
  
• 页面描述
  
• 移动设备
  

常见meta标签

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