mio4 Java Web & Web Security

前端基础(1):HTML

2018-09-12
mio4

阅读:


(一)超文本标记语言

  • HTML(HyperText Mark-up Language)
    • HyperText:超越了一般的文本(比如能够显示不同颜色、大小的文字以及图片)
    • Mark-up:标记(标签)

(二)标签

(1)基础

  • 注释<!– –> /
    • HTML中的注释可以跨越多行
  • 标题<h1></h1>
    • 自动换行,留白以及字体加粗
  • 字体<font></font>
    • face:字体
    • size
    • color
  • 分割线<hr/>
  • 换行<br/>
  • 图片<img src=”” />
    • title:鼠标移上去显示的文字
    • src相对路径: ../ 返回上一级目录(和Linux命令相同)
  • 超链接<a></a>
    • href=”“绝对路径
    • target=”_blank” 在新的页面打开
  • 表格<table></table>
    • <tr> (table row)
    • <th> (table head)
    • <td>
    • colspan、rowspan表格单元格的合并
    • 表格支持嵌套

(2)表单

  • action属性:信息提交的路径(默认是当前页面)
  • type属性:输入文件的方式
    • text
    • password
    • radio 单选框
    • checkbox 复选框
    • submit
    • reset
  • name属性
    • 将多个复选框组合在一起
  • value属性
    • type=”sumbit”|“reset”时表示框中文字
    • type=”text”时表示默认输入
  • <select></select>表示选择框,<option>表示单个选择

(3)框架

  • frameset:在一个窗口内实现页面的(切割)组合
    • frame标签:页面的具体实现
    • frameset不要放在body标签内
    • frameset内src属性:资源路径(可以是网页,也可以是图片)
    • frame的name属性:可以实现网页跳转到框架

Comments

Content