平凡之上
博观而约取,厚积而薄发! 守得云开见月明。

1.HTML的基础标签

<!--        -->  表示注释

1)  html语言是解释型语言,不是编译型
  浏览器是容错的
2)  html页面中由一对标签组成:<html></html>
  <html> 称之为 开始标签
  </html>称之为 结束标签
3)  title 表示网页的标题
4)  可以在meta标签中设置编码方式
5)  <br/>表示换行 。br标签是一个单标签。单标签:开始标签和结束标签是同一个,斜杠放在单词后面
6)  <p> </p>表示段落标签
7)  img 标签图片标签
  src属性表示图片文件的路径
  width和height表示图片的大小
  alt表示图片的提示
8) 路径的问题:
  1. 相对路径
  2. 绝对路径
9)  h1~h6 : 标题标签
10) 列表标签:
  - ol 有序列表
  start 表示从*开始,type 显示的类型:A a I i 1(deafult)
  - ul 无序列表
  type disc(default) , circle , square
11)  u 下划线 b 粗体 i 斜体

12)  上标 sup 下标 sub

13)  HTML中的实体: 小于号 &lt; 大于等于号 &ge; 版权 &copy;

14)  span 不换行的块标记

15)  a 表示超链接
  href 链接的地址
  target:
    _self 在本窗口打开
    _blank 在一个新窗口打开
    _parent 在父窗口打开
    _top 在顶层窗口打开

16)  div 层

 

2.HTML的table标签及表单标签

17) 表格 table
  行 tr
  列 td
  表头列 th

  table中有如下属性(虽然已经淘汰,但是最好了解一下)
  - border:表格边框的粗细
  - width:表格的宽度
  - cellspacing:单元格间距
  - cellpadding:单元格填充

  tr中有一个属性: align -> center , left , right

  rowspan : 行合并
  colspan : 列合并

18) 表单 form(action='' , method='post')   action指发送给目标组件

19) input type="text" 表示文本框 , 其中 name属性必须要指定,否则这个文本框的数据将来是不会发送给服务器的
  input type="password" 表示密码框
  input type="radio" 表示单选按钮。需要注意的是,name属性值保持一致,这样才会有互斥的效果;可以通过checked属性设置默认选中的项
  input type="checkbox" 表示复选框。name属性值建议保持一致,这样将来我们服务器端获取值的时候获取的是一个数组
  select 表示下拉列表。每一个选项是option,其中value属性是发送给服务器的值 , selected表示默认选中的项
  textarea 表示多行文本框(或者称之为文本域),它的value值就是开始结束标签之间的内容
  input type="submit" 表示提交按钮
  input type="reset" 表示重置按钮
  input type="button" 表示普通按钮

  input type="hidden" 表示隐藏域  <input type="hidden" name="field_name" value="value">    隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

 

posted on 2022-06-28 17:38  平凡之上  阅读(288)  评论(0编辑  收藏  举报