HTML
来源:互联网 发布:sql server distinct 编辑:程序博客网 时间:2024/06/06 02:38
HTML 超文本标记语言 HyperText Markup Language 代码都是由标签组成
<head>标签会先加载 存放属性的信息,辅助性的信息引入外部的文件(重要)
<body>标签存放真正的数据
* 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
* 想要对被标签修饰的内容进行更丰富的操作,就得用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
* 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号
* 排版的标签
* <!-- --> HTML的注释
* <br /> 换行标签
* <hr /> 一条水平线
排版标签
* <br /> 换行
* <hr /> 一条水平线
* color: 颜色 值的写法:两种 1)直接写英文的单词(red green blue)2)RGB三原色(red green blue)#ab1255
* width: 宽度
* 值两种写法: 1)200px; 2)可以写百分比 区别:百分比跟着浏览器的大小而改变,像素值不会。
* <p></p> 段落标签* 段落标签的开始和结束位置留一空行。* 代表空格
* <div></div> * 在浏览器声明一块区域,区域中放入其他(文字,子标签)* div块级元素(自带换行的符号)
* <span></span> * span标签不会换行行内元素
* 字体标签 * <font>字体的内容</font> size属性最大是7 最小是1 默认是3 写+3是默认值加3
* 标题标签* <h1></h1>…… <h6></h6> * 特点:逐渐缩小
* 列表标签(*****)
* 数据格式化列表
<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
<dd>下层项目</dd>
* 自动对齐,缩进的
</dl>
* 有序列表和无序列表
* 有序
<ol>
<li>数据的条目</li>
<li>数据的条目</li>
<li>数据的条目</li>
</ol>
* ol的属性
* type="a"
* start="" 从哪开始
* 无序(用的最多)
<ul>
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
</ul>
* ul的属性
* type=""
* 图片标签(*****) <img />
* 超链接标签(*****)
* 写法:<a></a>
* 链接资源
* 必须要指定属性:href="链接的地址"
* 需要编写协议
* HTTP
* 默认file文件的协议
* 如果浏览器可以解析文件,默认会打开文件。
* 如果浏览器不可以解析文件,弹出下载窗口。
* 支持自定义协议
* 浏览器解析不了的协议,默认找操作系统的引用程序。
* 定位资源
* name 定义锚点
* 点击 href="#锚点名称"
* 表格标签(*****)
* 把数据封装成表格。
* 表格标签
<table>
<caption>用户列表</caption>
<tr>
<th>数据</th>
<th>数据</th>
</tr>
<tr>
<td>数据</td>
<td>数据</td>
</tr>
</table>
table的属性
* border: 边框
* width: 宽度
* height: 高度
tr的属性
* align:中间的文字的对齐方式
td获取th
区别:th中间的内容粗体显示。
th中间的内容默认居中。
th一般用来表格的表头
td的属性
* width 宽度
* height 高度
* 合并单元格(值的写法:合并几个单元格,值就写几)
* 行合并 rowspan=""
* 列合并 colspan=""
* <caption></caption>必须要写在table的中间
* 表单标签(**********)
* 收集用户输入的数据
* 表单的标签
<form >
* form的属性
* action="表单的提交路径"
* http://www.baidu.com
* html页面
* method="提交方式(默认是get方式)"(面试题)
* form表单的提交方式有哪些?(get和post的区别)
* 答:form表单提交方式有很多,常用的有两种post和get
* post和get提交方式的区别:
* get方式会把参数列表显示在地址栏上,post方式不会(请求体)。
* get方式说明网站安全级别较低,post安全级别较高。
* get方式不支持大数据,post支持大数据。
* 推荐大家使用post方式。
* 用户输入的内容
<input type="类型" name="名称(必须要指定)" value="是否指定value属性" />
* name属性必须要指定,value可以看情况指定
* type="text" 普通的文本框
* name必须指定
* type="password"密码框
* * name必须指定
* type="radio"单选按钮
* name必须指定 value必须指定
* name的属性,值要相同
* 默认值:checked=checked或者true
* type="checkbox"多选按钮
* name必须指定 value必须指定
* 默认值:checked=checked或者true
* type="reset"重置:恢复到最初的状态
* type="submit" 提交表单
* 点击提交后,地址栏发生了变化(?sex=on)
* 在普通的文本框上添加name属性 name="username"之后,点击提交,地址栏发生了变化(?username=haha&sex=on)
String str = "?username=haha&sex=on";
* ?username=zhangsan&password=123&sex=nan&love=zq
* type="file" 选择文件
* name属性指定
* type="hidden"隐藏组件
* name指定 value指定
* type="button"按钮
* value="显示的文字"
* 和js(javascript)绑定事件
* type="image"图片
* 提交 引入外部的一个文件(图片)
* 声明选择框
<select name="city">
<option value="bj"></option>
<option value="sh"></option>
</select>
* <textarea>文本域
* rows="行"
* clos="列"
* name属性指定
* selected="selected"代表默认值
</form>
* 框架标签(了解)
* 对网页进行布局
<frameset rows="150,*">
<frame > 代表上半部分
<frame > 代表下半部分
</frameset>
* 前提条件:不能写在<body>标签的内部和下面
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- Git与SourceTree使用详细指南
- 最大熵模的理解与最大熵模型逻辑回归相似转换条件
- UVA540Team Queue
- Tensorflow让神经网络自动创造音乐
- java i/o流(5) 字节流、字符流的操作
- HTML
- linux内核模块替换系统调用
- SVM支持向量机学习笔记 _ 1 数学基础
- Leetcode题解 168. Excel Sheet Column Title
- Protobuf简单例子
- HDU 4745 Two Rabbits (区间DP)
- Android Ethernet从上至下解析一
- 通过键盘把数据输入数组,只能越来越大
- jQuery 创建和插入元素