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-知识总结的更多相关文章

  1. 你必须知道的EF知识和经验

    注意:以下内容如果没有特别申明,默认使用的EF6.0版本,code first模式. 推荐MiniProfiler插件 工欲善其事,必先利其器. 我们使用EF和在很大程度提高了开发速度,不过随之带来的 ...

  2. MySQL高级知识- MySQL的架构介绍

    [TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...

  3. 学点HTTP知识

    不学无术 又一次感觉到不学无术,被人一问Http知识尽然一点也没答上来,丢人丢到家了啊.平时也看许多的技术文章,为什么到了关键时刻就答不上来呢? 确实发现一个问题,光看是没有用的,需要实践.看别人说的 ...

  4. java中的字符串相关知识整理

    字符串为什么这么重要 写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...

  5. [C#] C# 知识回顾 - 你真的懂异常（Exception）吗？

    你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介 ...

  6. [C#] C# 知识回顾 - 学会处理异常

    学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...

  7. [C#] C# 知识回顾 - 学会使用异常

    学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...

  8. [C#] C# 知识回顾 - 异常介绍

    异常介绍 我们平时在写程序时,无意中(或技术不够),而导致程序运行时出现意外(或异常),对于这个问题, C# 有专门的异常处理程序. 异常处理所涉及到的关键字有 try.catch 和 finally ...

  9. [.NET] C# 知识回顾 - Event 事件

    C# 知识回顾 - Event 事件 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6060297.html 序 昨天,通过<C# 知识回顾 - ...

  10. [.NET] C# 知识回顾 - 事件入门

    C# 知识回顾 - 事件入门 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6057301.html 序 之前通过<C# 知识回顾 - 委托 de ...

随机推荐

  1. php代码审计2全局变量和超全局变量

    全局变量:就是在函数外面定义的变量,不能在函数中直接使用,因为它的作用域不会到函数内部,所以在函数内部使用的时候尝尝看到类似global $a; 超全局变量:在所有脚本都有效,所以,在函数可以直接使用 ...

  2. 题解 UVA10212 【The Last Non-zero Digit.】

    题目链接 这题在学长讲完之后和看完题解之后才明白函数怎么构造. 这题构造一个$f(n)$ $f(n)$ $=$ $n$除以 $2^{a}$ $*$ $5^{b}$ ,$a$ , $b$ 分别是 $n$ ...

  3. [hadoop] map函数中使用FileSystem对象出现java.lang.NullPointerException的原因及解决办法

    问题描述: 在hadoop中处理多个文件,其中每个文件一个map. 我使用的方法为生成一个文件,文件中包含所有要压缩的文件在HDFS上的完整路径.每个map 任务获得一个路径名作为输入. 在eclip ...

  4. 百度编辑器 Ueditor使用记录

    Ueditor官网: http://fex.baidu.com/ueditor/#dev-bale_width_grunt UeditorAPI文档: https://ueditor.baidu.co ...

  5. 并查集简述 (HDU-1213-How Many Tables)

    并查集主要解决集合的有关运算,主要操作是查找操作和并操作. 1.集合的储存方式. 为便于查找,集合通常以树结构储存,每个元素分 数据域和指针域,可以用链式储存,也可以用结构数组储存,用根节点来表示一个 ...

  6. 1、Numpy基础

    NumPy是什么? NumPy是科学计算的基本包在Python中. 这是一个Python库,它提供了一个多维数组对象, 各种派生的对象(如蒙面数组和矩阵),和一个 快速操作数组的各式各样的例程,包括 ...

  7. Python中lambda表达式

    一.lambda表达式形式 lambda后面跟一个或多个参数,紧跟一个冒号,以后是一个表达式.冒号前是参数,冒号后是返回值. lambda是一个表达式而不是一个语句. lambda表达式可以出现在Py ...

  8. Android so 库按需打包

    Fresco 大部分的代码是由Java写的,但是里面也有很多C++的代码.C++代码必须根据Android 设备的CPU类型(通常称为”ABIs”)进行编译.目前Fresco支持五种 ABI: arm ...

  9. PIE SDK Pansharp融合

    1.算法功能简介 Pansharp 融合是基于最小二乘逼近法来计算多光谱影像和全色影像之间灰度值关系,具体过程是利用最小方差技术对参与融合的波段灰度值进行最佳匹配,以减少融合后的颜色偏差.该融合方法不 ...

  10. 一个新时代的UI设计师需要具备这些技能

    如今互联网行业发展如日中天,设计师本就是稀缺人才.再加上未来也将迎接人工智能时代,未来的设计师不只像现在只是做一些网页.APP界面,还会出现更多的UI设计衍生职业.如下列举的几大类: 一.初级阶段 1 ...