Html-知识总结
1.Html概述
1.1什么是Html
Html:超文本标记语言(hyperText Markup Language)
“超文本”加上指页面内可以包含图片,链接等非文字内容。
“标记”就是使用标签的方法将需要的内容包括起来。例如:<a>http://www.baidu.con</a>
格式:
<html>
<head>
<title>这是标题</title>
</head>
<body>
这里是正文
</body>
</html>
常用标签:
标题标签:<h1></h1> ( <h1>~<h6> h1定义最大的标签,h6最小)
水平线:<hr/>
字体标签:<font>
粗体:<b>
斜体:<i>
段落:<p>
单行换行:<br/>
图片:<img>
- src:显示图片的路径
- alt:图片无法显示时代替的文本
- width:图片的高度
- height:图片的高度
- title:鼠标移上显示的文本
例:<img src="img/01.jsp" alt="图片无法显示“ width=“20px” heigth="20px" title="鼠标移上显示的文本"/>
列表标签:<ul> <ol>
<ol> 定义有序列表
■ type 列表类型,取值: A、a、l、i、1等
<ul> 定义无序列表
■ type符号的类型,取值:disc 实心圆、square 方块、circle空心圆
<li> 定义列表项。 是<ul> 或 <ol> 的子标签
例如:
<!--列表标签-->
<ul type="circle"> <!--以"空心圆"显示无序列表-->
<li>无序</li>
<li>无序</li>
<li>无序</li>
</ul>
<ol type="I"> <!--以大写阿拉伯数字显示序号-->
<li>有序</li>
<li>有序</li>
<li>有序</li>
</ol>
超链接标签 <a>
■ href: 用于确定需要显示页面的路径(URL)
■ target: 确定以何种方式打开href所设置的页面。常用取值: _blank、_self等
◆ _blank 在新窗口中打开href 确定的页面。
◆ _self 默认。使用href 确定的页面替换当前页面。
表格标签<table> <tr><td>
■ HTML 表格由<table> 标签以及一个或多个<tr>、<th> 或<td> 标签组成。
◆ <table> 是父标签, 相当于整个表格的容器。
◆ width 表格的宽度。
◆ cellpadding 单元边沿与其内容之间的空白。
◆ cellspacing 单元格之间的空白。
◆ bgcolor 表格的背静颜色。
■ <tr> 标签用于定义行
■ <td> 标签用于定义表格的单元格(一个列)
◆ colspan 单元格可横跨的列数。
◆ rowspan 单元格可横跨的行数。
◆ align 单元格内容的水平对齐方式,取值:left左、right 右、center 居中。
◆ nowrap 单元格中的内容是否折行。
■ <th> 标签用于定义表头。单元格内的内容默认居中、加粗。
框架标签:<frameset>
<frame>标签,用于设置<frameset>框架集中的一个页面(框架)。
● src 属性: 确定页面的路径
● noresize 属性: 框架分隔先不能移动
● target属性: 确定需要显示的页面在何处显示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站后台系统显示页面</title>
</head>
<framset rows="15%,*">
<frame src="top.html" name="top"/>
<framset cols="15%,*">
<frame src="left.html" name="left"/>
<frame src="right.html" name="right"/>
</framset>
</framset>
</html>
表单标签:<form>
action 属性:请求路径,确定表单提交到服务器的地址(路径) 提交的数据追加在请求路径上。
method 属性:请求方式,常用的取值:GET,POST 提交的数据不再请求路径上追加(及不显示在地址栏上)
输入域标签:<input>
type属性:
text:文本框,单行的输入字段,用户可在其中输入文本。默认宽度为20个字符
password:密码框,密码字段。该字段中的字符以黑圈显示。
radio:单选框,表示一组互斥选项中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
submit:提交按钮。提交按钮会把表单数据发送到服务器。一般不写name属性,否则将“提交”两个提交到服务器。
checkbox:复选框
file:文件上传组件,提供“浏览”按下可以选择需要上传文件。
hidden:隐藏字段,数据会发送给服务器,但浏览器不进行显示。
reset:重置按钮。将表单恢复到默认值。
image:图形提交按钮,通过src给按钮设置图片。
button:普通按钮,常用于与JavaScript结合使用。
name:元素名,如果需要表单数据提交到服务器,必须提供那么属性值,服务器通过属性值获得提交的数据。
value:属性:设置input标签的默认值。submit和reset为按钮显示数据
size:大小
checked属性:单选框或复选框被选中。
readonly:是否只读
disabled: 是否可用
maxlength:允许输入的最大长度
下拉列表标签:<select>
<select> 下拉列表。可以进行单选或多选。需要使用子标签<option>指定列表项
name属性:发送给服务器的名称
multiple属性:不写默认单选,取值为“multiple”表示多选。
size属性:多选时,可见选项的数目。
<option> 子标签:下拉列表中的一个选项(一个条目)。
selected :勾选当前类表项
value:发送给服务器的选项值。
文本域标签:<textarea>
<textarea> 文本域。多行的文本输入控件。
cols属性:文本域的列数
rows属性:文本域的行数
按钮标签:<button>(了解)
<button type="button|reset|submit"> 按钮标签一般很少使用,提供"普通|重置|提交"功能,不同的浏览器默认值不同。
Html-知识总结的更多相关文章
- 你必须知道的EF知识和经验
注意:以下内容如果没有特别申明,默认使用的EF6.0版本,code first模式. 推荐MiniProfiler插件 工欲善其事,必先利其器. 我们使用EF和在很大程度提高了开发速度,不过随之带来的 ...
- MySQL高级知识- MySQL的架构介绍
[TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...
- 学点HTTP知识
不学无术 又一次感觉到不学无术,被人一问Http知识尽然一点也没答上来,丢人丢到家了啊.平时也看许多的技术文章,为什么到了关键时刻就答不上来呢? 确实发现一个问题,光看是没有用的,需要实践.看别人说的 ...
- java中的字符串相关知识整理
字符串为什么这么重要 写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...
- [C#] C# 知识回顾 - 你真的懂异常(Exception)吗?
你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介 ...
- [C#] C# 知识回顾 - 学会处理异常
学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...
- [C#] C# 知识回顾 - 学会使用异常
学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...
- [C#] C# 知识回顾 - 异常介绍
异常介绍 我们平时在写程序时,无意中(或技术不够),而导致程序运行时出现意外(或异常),对于这个问题, C# 有专门的异常处理程序. 异常处理所涉及到的关键字有 try.catch 和 finally ...
- [.NET] C# 知识回顾 - Event 事件
C# 知识回顾 - Event 事件 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6060297.html 序 昨天,通过<C# 知识回顾 - ...
- [.NET] C# 知识回顾 - 事件入门
C# 知识回顾 - 事件入门 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6057301.html 序 之前通过<C# 知识回顾 - 委托 de ...
随机推荐
- 如何下载火山小视频-附火山小视频下载youtube视频下载网站
火山小视频下载方法: 1. 打开火山小视频APP 2. 点开某个视频,点击右下角分享按钮,在分享弹框中点击复制链接,或者通过分享到微信QQ等获取视频链接 3. 打开在线免费的火山小视频解析下载工具 h ...
- Windows系统如何安装Redis?
转自 http://blog.csdn.net/lamp_yang_3533/article/details/52024744 一.Redis的下载地址 Redis官方并没有提供Redis的win ...
- 关于 Linq to EF 的内存泄漏问题
查到一些解决方案: 1, http://www.codethinked.com/keep-your-iqueryable-in-check 自定义常用方法,屏蔽IQuery功能 ...
- 在FC中如何获取fcdot文件
在FlexiCapture中一些客户在问如何获取.fcdot文件(在测试序列号下或者没有测试模板的情况下) 第一步: 1.查看License Manager查看是否找到序列号 首先我们在开始菜单里面打 ...
- ubuntu下QtCreator启动无响应问题解决
打开Qt后就卡死. 解决方法:删除系统配置目录下的QtProject文件夹: find / -name QtProject 输出: /root/.config/QtProject 删除QtProjec ...
- [DEBUG]-[org.mybatis.spring.SqlSessionFactoryBean.buildSqlSessionFactory(SqlSessionFactoryBean.java:431)] 一直在创建sqlsession工厂原因
今天在做开发项目的时候出现一直在控台输出创建sqlsessionfactory'这个代码, tomcat一直在控制台上输出这个内容无法停止下来,那么到底是什么原因呢, 我们可以在输出信息上看到有个wa ...
- echart使用与后台交互
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Android中include标签的使用(打开引用布局,隐藏当前布局)
在开发app的时候,有时候一个布局会反复用到,可以把反复用到的布局单独写一个xml文件,什么时候用到就用includ标签引入xml 下面是我写的反复用到的一个xml,里面有2个button,一个Tex ...
- 【转】LAMBDAFICATOR: Crossing the gap from imperative to functional programming through refactorings
Link:http://refactoring.info/tools/LambdaFicator/ Problem Description Java 8 will support lambda exp ...
- C++_类继承3-动态联编和静态联编
程序调用函数时,将使用哪个可执行代码块呢?编译器负责回答这个问题. 将源代码中的函数调用解释为特定的函数代码块被称为函数名联编(binding). 在C语言中,这非常简单,因为每个函数名对应一个不同的 ...