HTML基本标签

1.Web基础
  a.C/S和B/S
    i.Client/Server服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统,如oracle或SQLServer。客户端需要安装专用的客户端软件
    ii.Brower/Server,客户机上只要安装一个浏览器,如IE浏览器、谷歌浏览器等;服务器安装数据库,在这种结构下用户界面完全通过www浏览器实现,一部分事务逻辑在前端实现,但是主要事务逻辑在服务端实现,浏览器通过网络协议同数据库进行数据交互。
  b.开发工具IDE

2.HTML文档结构
  a.<!DOCTYPE html>定义文档类型
  b.<html>定义html文档
  c.<head>定义头部文档
    i.引用脚本,指示浏览器在哪里找到样式表,提供源信息等;定义文档的各种属性和信息
    ii.<base>为页面上的所有连接规定默认地址或默认目标
    iii.<meat>提供有关页面的信息、关键字、编码模式、兼容性模式设置、页面缩放等
    iv.<link><script><style><title>
  d.<body>定义文档主体

3.文档标签
  a.标题标签H1-H6
  b.字体标签:<b>、<strong>加粗、<sup>上标、<sub>下标、<u>下划线、<i>、<em>斜体、<code>代码、<cite>引用
  c.格式化标签:<p>段落标签、<br>换行、<hr>分割线、<pre>预格式化

4.链接标签
  a.Href
    i.图片路径、文件路径、网址、锚点
  b.Target
    ii._self、_blank、_parent、_top、[name]

5.图片标签
  a.src图片路径
  b.alt无效替代

6.列表
  a.无序列表ul-li
    i.type属性:circle、disk、square
  b.有序列表ol-li
    i.type属性:1/i/I/a/A
  c.自定义列表dl-dt-dd

7.表格
  a.Table tr td th-单元格加粗
  b. 合并:colspan-跨列、rowspan-跨行
  c.扩展样式:(table+宽高 td+边框)
    i.border-collapse
      1) separate-默认值,边框会被分开
      2) collapse-如果可能,边框会被合并成一个单一的边框,会忽略spacing和empty-cells的值
    ii.border-spacing:[length]
      1) 规则相邻单元的边框之间的距离,使用px、em等单位,不允许使用负值
      2) 定义1个length参数,定义的是水平和垂直的间距
      3) 定义2个length参数,定义的是第1个为水平,第2个位垂直的间距

8.表单
  a. form标签;action-后端地址,method-提交方式
  b. 侧重于与后端发送数据;以input标签为主,以name属性为辅,通过form表单向后端发送数据
  c. 标签属性
    i. type:text、count、date、button、radio、checke、hidden、submit
    ii. name:设置的值必须和后端接受的前端数据的参数名称一致
    iii. value:显示在页面的值

9.Iframe
  a. Frameset
  b. iframe中的name属性配合a标签中的target属性使用
  c. iframe的src属性-加载新页面

10.div-span
  a. div块状容器
  b. span行级容器

11.文本标签
  a. placeholder-h5提示 required-h5必需字段

posted @ 2021-10-31 10:54  忘记了了  阅读(61)  评论(0)    收藏  举报