HTML第一天

HTML第一天

网页相关概念

基本概述

• 网站中的一“页”
• 又称为HTML文件
• 通常由文字、图片、链接、音频、视频等元素组成

HTML：超文本标记语言

常用浏览器

• 谷歌
• 火狐
• 微软
• Safari
• 欧朋

Web标准

• 结构（HTML）
• 表现（CSS）
• 行为（JS）

HTML骨架

HTML语法规范

• 所有标签包含在 <> 中间
• 大多数成对出现
• 单标签为特殊标签

标签关系

• 并列
• 包含

基本结构标签

• html
• head
• title
• body

DOCTYPE:声明标签

• 浏览器当前页面是 H5 的网页

lang ：用来定义当前文档显示的语言。

• en：英语
• zh-CN：中文

charset 字符集

• UTF-8：万国码
• GB2312：常用汉字
• GBK：国标汉字
• BIG5：繁体中文（台湾）

HTML 常用标签

标题标签

• 标题共有 6 个等级，从

  到

• 重要性依次递减
• 字号依次递减

段落p标签

• 双标签

换行br标签

• 
  
• 单标签

文本格式化标签

• strong 或 b：加粗
• em 或 i：倾斜
• del或 s ：删除线
• ins 或 u 下划线

div 和 span 标签

• div：大盒子，一行一个（现在）
• span：小盒子，一行多个

图像标签

• img标签

  • src 图片路径
  • alt 替换文本 图像不显示时显示
  • title 提示文本 鼠标悬停的时候显示

• 宽度属性 width

• 高度属性 height

• 边框属性 border

链接标签

• 双标签

• href：目标位置

• target：窗口打开方式

  • _self（默认）在当前窗口打开
  • _blank 在新窗口中打开

• 空链接：#

锚点链接

• href="#id"
• 目标标签需要增加 id 属性

注释标签和特殊字符

• 注释快捷键：ctrl + /
• 空格  ：no break space
• 大于号 >：greater than
• 小于号 <：less than

XMind - Trial Version