HTML
Hyper Text Markup Language - 超文本标记语言
超文本: 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
标记语言: 由标签构成的语言
1.快速入门
- 语法:
- html文档后缀名 .html 或 .htm
- 标签:
- 围堵标签 -> 有开始标签和结束标签
- 自闭和标签 -> 开始标签和结束标签在一起
- 标签可以嵌套
- 在开始标签中可以定义属性 -> 由键值对构成,值由引号括着
2.标签学习
HTML
Hyper Text Markup Language - 超文本标记语言
超文本: 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
标记语言: 由标签构成的语言
1.快速入门
- 语法:
- html文档后缀名
.html
或.htm
- 标签:
- 围堵标签 -> 有开始标签和结束标签
- 自闭和标签 -> 开始标签和结束标签在一起
- 标签可以嵌套
- 在开始标签中可以定义属性 -> 由键值对构成,值由引号括着
- html文档后缀名
2.标签学习
- 文件标签: 构成html最基本的标签
- html -> html文档的根标签
- head -> 头标签, 指定html文档的属性, 和引入外部的资源
- title -> 标题标签
- body -> 体标签
- 文本标签: 和文本有关的标签
<!-- 注释内容 -->
<h1> to <h6>
<p>
<b r>
<hr>
<b>
<i>
<font>
- 图片标签:
<img src ="url">
- 列表标签:
<ul>
-> 无序<ol>
-> 有序<li>
-> 列表
- 链接标签:
<a>
- 表格标签:
<tr>
<td>
<th>
<caption>
<thead>
<tbody>
<fgoot>
- div / span
- div -> 每一个div占满一行
- span -> 文本信息一行展示
- 语义化标签:
<header>
<footer>
3.表单标签
用于采集用户输入的数据, 用户和服务器进行交互
- 表单标签:
<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区域,会自动获取输入框焦点
- type属性
- select -> 下拉列表
- 列表项 ->option
- textarea -> 文本域
- cols: 指定列数, 一行多少个字符
- rows: 默认多少行
- input -> 通过type属性改变元素样式,一般给每个input 提供value属性指定被选中后提交的值