HTML

HTML

Hyper Text Markup Language - 超文本标记语言
超文本: 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
标记语言: 由标签构成的语言

1.快速入门

1. 语法:
   1. html文档后缀名 .html 或 .htm
   2. 标签:
      • 围堵标签 -> 有开始标签和结束标签
      • 自闭和标签 -> 开始标签和结束标签在一起
   3. 标签可以嵌套
   4. 在开始标签中可以定义属性 -> 由键值对构成,值由引号括着

2.标签学习

HTML

Hyper Text Markup Language - 超文本标记语言
超文本: 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
标记语言: 由标签构成的语言

1.快速入门

1. 语法:
   1. html文档后缀名 .html 或 .htm
   2. 标签:
      • 围堵标签 -> 有开始标签和结束标签
      • 自闭和标签 -> 开始标签和结束标签在一起
   3. 标签可以嵌套
   4. 在开始标签中可以定义属性 -> 由键值对构成,值由引号括着

2.标签学习

1. 文件标签: 构成html最基本的标签
   • html -> html文档的根标签
   • head -> 头标签, 指定html文档的属性, 和引入外部的资源
   • title -> 标题标签
   • body -> 体标签
2. 文本标签: 和文本有关的标签
   • <!-- 注释内容 -->
   • <h1> to <h6>
   • <p>
   • <b r>
   • <hr>
   • <b>
   • <i>
   • <font>
3. 图片标签:
   • <img src ="url">
4. 列表标签:
   • <ul> -> 无序
   • <ol> -> 有序
   • <li> -> 列表
5. 链接标签:
   • <a>
6. 表格标签:
   • <tr>
   • <td>
   • <th>
   • <caption>
   • <thead>
   • <tbody>
   • <fgoot>
7. div / span
   • div -> 每一个div占满一行
   • span -> 文本信息一行展示
8. 语义化标签:
   • <header>
   • <footer>

3.表单标签

用于采集用户输入的数据, 用户和服务器进行交互

1. 表单标签: <form>
   • action -> 提交数据的URL
   • method -> 提交方式
     • get -> 请求参数会在地址栏显示, 参数长有限制, 不太安全
     • post -> 请求参数封装在请求体, 参数长度无限制, 较为安全
   • 表单项标签:
     • input -> 通过type属性改变元素样式,一般给每个input 提供value属性指定被选中后提交的值
       • type属性
         • placeholder: 文本框提示信息
         • text: 文本输入框(默认值)
         • password: 密码输入框
         • radio: 单选框
         • checkbox: 复选框
         • file: 文件复选框
         • hidden: 隐藏域 - 用于提交一些数据
         • submit: 提交按钮
         • button: 普通按钮
         • img: 图片按钮 可提交
         • date: 日期
         • date-timelocal: 带小时
         • email: 邮箱
         • age: 数字
       • label 的 for 属性一般会和input的id属性对应, 点击label区域,会自动获取输入框焦点
     • select -> 下拉列表
       • 列表项 ->option
     • textarea -> 文本域
       • cols: 指定列数, 一行多少个字符
       • rows: 默认多少行