androidday01_html

一、Html概述

a.html是什么

hypertext markup language超文本标记语言
超文本：音频、视频、图片称为超文本
标记：<英文单词或者字母>称为标记。一个html页面都是由各种标记组成

b.作用

编写html页面

c.HTML语言不是编程语言

HTML语言不是编程语言（有编译过程），而是一个标记语言（没有编译过程），html页面直接由浏览器解析执行。

二、互联网的基本概念

• 网页：由html标签描述出来的页面
• 标记：html的标签
• 元素：开始标签和结束标签以及他们两者之间的主体内容

<p> abc</p>   //这个整体就成为一个p元素

• xhtml：扩展超文本标记语言。HTML是一种基本的WEB网页设计语言，XHTML是一个基于可扩展标记语言的标记语言

三、排版标签

• <p></p>：段落标签
  属性：align=“属性值”
  属性值为left center righ
• <br>:换行标签
  br标签和p标签的区别在于，p标签多出一个空行，而br标签没有

• <hr>：代表一条线，单独占据一行
  color: 线的颜色
  size : 线的粗细
  width: 线的长短
  两种写法：

  • 绝对值 eg: 500
  • 相对值： 50%

  noshade: 不要阴影
  align: 对齐方式 取值： left,right,center

• <pre></pre>: 预定义格式标签 .告诉浏览器不要忽略空格和空行

• <div></div>：块级标签，把标签中的内容作为一个块来对待，必须单独占据一行
  属性： align :
• <span></span>块级标签 不换行字体标记(和div的区别就是他不换行)

四、字体标签

• <h1></h1>~<h6></h6>:字体标签，从大到小
  属性：

• <font></font>
  face：字体类型，取值：宋体，华文彩云
  size：字体大小，取值1-7，1比h6小，7最大
  color：颜色，颜色的取值有3种：

  • 英文单词: red
  • 十六进制：#00ffcc
  • RGB(三原色) : new RGB(124,156,23)
    特殊字符： &lt;小于&gt;大于 &nbsp;空格

• <b></b>字体加粗（同<strong></strong>）

• <i></i>斜体（同<em></em>）
• <u></u>下划线
• <s></s>删除线，中划线
• <sub></sub>下标
• <sup></sup>上标

五、图片标签

• img: 代表是一副图片
  属性：
  
  • src : 图片的路径
    两种写法：
    相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径
    绝对路径
    1) : 以盘符开始的路径
    eg: C:\Documents and Settings\Administrator\桌面\day01_html\上课示例/images/1.jpg
    2) : 网络路径
    eg: http://www.baidu.com/images
  • width: 宽度
  • height：高度
  • Alt：当图片显示不出来的时候代替图片显示的内容
  • title： 提示性文本(鼠标放到图上面显示的提示性文字)
  • border: 边框

<img src="images/1.png" width="500" alt="美女" border="10" title="这是一个美女">

六、超链接

3种超链接:
1.外部链接： 连接到一个外部文件
2. 锚: 指给超链接起一个名字，作用是连接到本页面或者其他页面的特定位置。使用name属性给超链起名字
3. 连接到邮件: <a href = "mailto:xugang@itcast.cn">进入我的邮箱
属性：target: 告诉浏览器怎么显示目标页面
HTML中已定义4个值：
_self :在同一个浏览器中显示
_blank: 打开新的浏览器显示
_parent: 在父窗口中显示
_top: 在顶级窗口中显示

热点问题需要通过dw去做（选择图片的一个区域实现区域点击跳转）

七、清单标记

列表标签：3种

• 无序列表ul
  属性：type : 值： disc(默认，实心原点),square(实心方点),circle(空心圆)
• 有序列表(ol)
  属性: type:取值：1(阿拉伯数字，默认),a,A,i,I
  start: 从几开始
• 定义列表(dl)
  dt: 列表项的标题
  dd: 列表项

八、框架标记及<iframe>

框架页面上不允许有body标签
frameset: 框架的集合
rows: 纵向分部框架.
cols: 横向分部框架.
写法有两种: 1) 绝对值 “200,” ,代表剩余的
2) 相对值 “30%,*”
frame: 框架. 一个框架显示一个页面
scrolling: 是否需要滚动条。默认是true
noresize : 固定框架大小
bordercolor: 给框架边框起一个颜色
name : 给框架起一个名字

8.表单标记及语义化