黑马程序员技术交流社区

标题: 【石家庄校区】就业班day_01_HTML [打印本页]

作者: 时光。    时间: 2018-5-3 15:27
标题: 【石家庄校区】就业班day_01_HTML
就业班day_01_HTML
HTML 的列表标签 :
无序列表 : <ul>
type 属性:
disc : 实心点
circle : 空心圆
square : 方块
有序列表 : <ol>
type 属性
1 : 数字类型
a : 英文类型
i : 罗马类型
start 属性 : 从哪开始
超链接 target 属性
_self   : 在自身页面打开
_blank   :  新打开一个窗口
_parent   : 在父级窗口打开
href : 链接的路径
target : 打开的方式
HTML 的表格标签
<table>   <tr>(行) </tr>     <td> 列</td>    </table>
属性:
Width  : 设置表格宽度
Height : 设置表格高度
Border : 设置边框
cellspacing  : 扩宽间距
bgcolor :  设置背景颜色
Align :表格水平位置   :   left     .      center       .   right
<td>的属性:
rowspan  : 行数
colspan : 列数
&nbsp : 空格
HTML 的表单标签
<form>
<form> 属性
action  :  提交的路径,默认提交到当前的页面
method : 请求的方式,GET和POST,默认是GET
GET方式和POST方式的区别:
GET  :  数据会显示到地址栏中,GET方式提交是有大小限制
POST : 数据不会显示到地址栏中,POST方式提交的是没有大小限制
HTML 的表单元素:
<input   type = "text">   :  文本框
常用属性:
name  :  表单元素的名称
value  :  文本框的默认值
size  : 文本框的长度
maxlength  :  文本框输入的最大长度
readonly  :  只读文本框
<input type = "passwork">   : 密码框
name  :  表单元素的名称
value  :  密码框的默认值
size  : 密码框的长度
maxlength  :  密码框输入的最大长度
<input type = "radio">   : 单选按钮
name  :  表单元素的名称
value  :  单选按钮的默认值
checked : 单选按钮默认选中
<input type = "checkbox">   : 复选按钮
<input type = "button">   : 普通按钮,没有任何功能
<input type = "submit">  : 提交按钮
<input type = "reset">   :  重置按钮
<input type = "file">   :  文件上传的表单项
<input type = "hidden">  :隐藏字段
<input type = "image">   :  图片按钮
<selest>  :  下拉列表
<textarea> :  文本域
HTML5  扩展表单标签:(不是所有的浏览器都支持)
<input type = "email">
<input type = "date">
<input type = "number">
<input type = "color">
一 定义     html(hyper text markup language)是超文本标记语言, 通过标签将要显示的内容包起来的静态网页。     二  html规范     1 文件名以.html或者.htm结尾     2 以<html></html>开始和结束     3 html里面包含二部分 <head></head> <body> </body>      4 html 不区分大小写     5 有一些特殊标签 没有结束标签,在开始标签里面进行结束 例如: <br/>换行符号     三 html常用标签     文本标签<font>       注释标签<!--     注释的内容 -->     标题标签 <h1> </h1>  .......<h6> </h6>     水平线标签 <hr/>     列表标签       有序列表  <ol><li></li><li></li><li></li></ol>  看上去像01所以是有序列表。     无序列表  <ul><li></li><li></li><li></li></ul>     表格标签   <table><td></td><tr></tr> <tr></tr></table>                                表格嵌套和单元格合并     表单标签         <form action和method属性>      <input type=""/>           text 文本框;radio 单选框;checkbox 复选框;password 密码框;submit 提交按钮;     reset 重置按钮;button 普通按钮; hidden 隐藏域;file 文件上传; image 图片按钮;         <select> 下拉框         <textarea> 文本域;         </form>         属性:         name  名字  value  默认值  disabled 表示不可用 maxlength 最大长度 readonly 表示只读     radio和chexkbox被选中通过属性 checked="checked" 来表示     select的option被选中通过属性 selected="selected” 来表示     
  其它标签
  b 粗体  i 斜体  u 下划线 s 删除线   sub 下标 sup 上标 div  换行  span 不换行  pre 原样输出
  特殊字符
  &nbsp; 空格  &lt; <  &gt; >
  头标签  <meta>  <link> <base>
  框架标签
  <frameset rows="15%,*">
      <frame  name="top"> top.html</frame>
       <frameset cols="15%,*">
             <frame name="left"> left.html</frame>
             <frame  name="right"> right.html</frame>
        </frameset>
  </frameset>
  left.html
  <a href="列表" target="right">分类管理</a> 在框架标签中,超链接的target属性可以设置为frame的名字,来达到在指定frame显示的效果。
  注意 框架标签不能写在body里面。
四 相对路径和绝对路径    绝对路径是指以\分隔符开始的路径     例1:c:\windows\system32\cmd.exe  带盘符的写法    例2:当前路径是c:\program files , 要查找c:\windows\system32\cmd.exe .            \windows\system32\cmd.exe 前面不带盘符,表示从当前路径的盘符开始。    相对路径是指相对于当前路径的路径,不以\分隔符开始 。    例1:当前路径是c:\windows。 要查找c:\windows\system32\cmd.exe    则相对路径的写法:1 system32\cmd.exe  2 .\system32\cmd.exe  。 其中2中的 .  表示当前目录。    例2:当前路径是c:\program files . 要查找c:\windows\system32\cmd.exe    则相对路径的写法: ..\windows\system32\cmd.exe   其中.. 表示上一级目录






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2