zoukankan      html  css  js  c++  java
  • HTML速记

    1.       与段落控制相关标签

    <p align=”#”>

    创建一个段。#可以是left,right,center,justify.

    <br>

    换行

    <hr color=”clr”>

    插入水平线。Clr可以为预定义颜色名字。例如:red, blue, black, white, yellow, olive, aqua.也可以为十六进制数表示的颜色值,clr=”#rrggbb”

    2.       控制文本显示

    <center> 文本居中

    <hn align=”#”> 用于指出文档标题,n1-6的整数,1表示最大。

    <font size=n color=”clr”> 用于设置字体大小,n可以是17的整数,数字越大,字体越大。

    <b> 粗体

    <i> 斜体

    3.       特殊字符的输入

    可以使用字符引用和实体引用。

    字符引用和实体引用都是以一个和号(&)开始并以一个分号(;)结束。如果使用字符引用,需要在和号之后加上一个井号,之后是所需字符的十进制代码或十六进制代码(ISO10646字符集中字符的编码)。如果使用的是实体引用,在和号之后写上字符的助记符。

    常用的字符实体
    字符     字符引用(10) 实符引用(16) 实体引用 描述
                 &#34;                  &#x22;                 &quot;
       双引号
    &           &#38;                   &#x26;                 &amp;
        和号
    <           &#60;                  &#x3c;                 &lt;              
    小于号
    >            &#62;                  &#x3a;                 &gt;
        大于号
    空格    &#160;               &#xa0;                 &nbsp;   不间断空格
                 &#169;               &#xa9;                 &copy;
       版权符号
                 &#174;                 &#xae;                 &reg;
        注册商标

    4.       带有数字编号的列表

    实例:
    <ol>(
    设置起始编号<ol start=”10”>)
    <li>
    Java从入门到精通》
      <li>C++ 基础》(改变编号,<li value=”20”>
    </ol>
    (1)
    使用<ol><li>标签创建带数字编号的列表。
    (2)
    <ol>标签中使用start属性,设置起始的序号。
    (3)
    <li>标签中,使用value属性,改变列表内的编号顺序。

    <ol><li>标签中,使用type属性指定编号系统的类型。Type属性的取值如下表示:
    属性值         数字风格
    A
                使用大写字母(ABC等)
    a
                         使用小写字母(abc等)
    I(
    大写字母I)    使用大写罗马数字(IIIIII等)
    i(
    小写字母i)         使用小写罗马数字(iiiiii等)
    1                          
    使用阿拉伯数字(123等)这是缺省值

    5.       带有项目编号的列表

    使用<ul><li>标签创建带有项目符号的列表<ul><li>标签的type属性指定符号的样式,取值如下:
    disc—
    显示为实心的圆圈
    square—
    显示为实心的方块
    circle—
    显示为空心的加减

    6.       建立无符号列表

    (1)使用<dl><dt>标签创建无符号的列表。
    (2)
    使用<dd>标签替换<dt>,创建缩进的列表。
    (3)
    <dl>元素中同时使用<dt><dd> 标签,建立术语列表。术语列表中的列表项由两部分组成:术语和它的说明。术语由<dt>标签指定,说明由<dd> 标签指定。
    <dl>
      <dt>HTML
    <dd>
    </dl>

    7.       表格

    1)表格是用<table>元素定义的,如下所示:
    <table border=n align=”alignment” bgcolor=”clr”>

    </table>
    属性border用来定义表格边框的宽度,n可以是从0开始的整数,如果设置border=0,那么表格边框没有宽度,如果忽略border属性,浏览器将不会显示边框,这和设置border=0是一样的效果;属性align用于设定表格的对齐方式,alignment可以是leftcenterright;属性bgcolor用于指定背景的颜色,它的取值和前面介绍过的color属性的取值是一样的。
    2<caption>元素用于定义表格的标题,如下所示:
    <caption>…</caption>
    (3)<tr>
    元素在表格中添加一个新行,如下所示:
    <tr align=”alignment” valign=”alignment”>

    </tr>
    属性align用于指定这一行在水平方向上的对齐方式,alignment可以是leftcenterright。属性valign用于指定这一行在垂直方向的对齐方式,alignment可以是topmiddlebottom
    4<th>元素用于定义表头,如下所示:
    <th>…</th>
    (5)<td>
    元素用于定义单元表格,如下所示:
        <td>…</td>

     

    8.       交互式表单

    (1)使用<form>元素,以及在其间嵌入的相关元素(称为控件),就可以创建作为HTML文档一部分的表单。
    表单的基本语法下:
    <form method=”get or post” action=”URL”>

    </form>
    (2)
    属性method用于指定向服务器发送表单数据时所使用的HTTP方法。可以是getpost这两种方法的一种,get是缺省的方法。当采用get方法提交表单时,提交的数附加到URL(在属性action中指定)的末端,作为URL的一部分发送到服务器端。例如:我们指定action=”reg.jsp”。当提交表单后,在浏览器中,我们会看到下面的信息:http://locallhost:8080/reg.jsp?user=zhangsan&pwd=1234.post方法是将表单中信息作为一个数据块发磅到服务器端,无论是采用哪一种方法,数据的编码都是相同的格式:name1=value1&name2=value2。属性action指定对表单进行处理的脚本的地址,也就是说,表单提交到服务器后,交由谁来处理,在action属性中指定处理者的URL

    1<input>元素用于接受用户输入的信息。
    <input>
    元素是一个带有属性的空元素,用来创建表单中的控件,其语法是:<intput type=”type” name==”name” size=”size” value=”value”>
    (2)
    属性type用来指定要创建的控件的类型。属性name用来指定控件的名称,处理表单的服务器端脚本可以获得以名称――值对所表示的表单的数据,利用名称,可以取出对应的值。Name属性在表单中并不显示。属性size用来指定表单中控件的宽度。属性value指定控件的初始值。
    (3)
    常用<input>元素
    单行文本输入控件(type=”text”
    提交按钮(type=”submit”),可根据value值改变显示的文本
    重置按钮(type=”reset”),可根据value值改变显示的文本

    一般按钮(type="button",可根据value值改变显示的文本
    口令输入控件(type=”password”
    单选按钮(type=”radio”)加checked表选中
    复选按钮(type=”checkbox”)加checked表选中
    隐藏控件(type=”hidden”)。隐藏控件通常存在与服务器端脚本动态产生的表单中,用于保存客户端的跟踪数据和有用信息,当用户提交表单时传回服务器端。

    (1)列表框允许用户从一个下拉列表框(下拉菜单)中选择一项或多项,其功能和单选按钮或复选框的功能相同,但显示的方式不一样
    (2)
    列表框由<select>元素创建,列表框中的各个选项用<option>提供。

    (3)代码例子:

    <select>
    <option>
    JAVA语言实用教程》</option>
    <option>
    C程序设计》</option>

    </select>

    如果我们想让用户在填写注册信息的时候,输入个人简历等信息,那么单行的文本输入控件就不太适合了。对于要接受多行输入信息的情况下,可以使用多行文本输入控件的语法为:
    <textarea name=”name” rows=”number of rows” clos=”number of columns”>

    </textarea>
    属性rows用于指定文本输入控件可视区域显示的文本行数,属性cols用于指定文本输入控件可视区域显示的宽度。在开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示。

    9.       超链接

    (1)HTML文本这所以被称为超文本,就是因为它具有普通文本所不具有的超链接的功能,我们在浏览HTML文档时,可以通过点击关键字(一个超链接),来跳转页面。
    (2)
    要让超链接能够正常工作,就需要用一种方法来定位Internet上的资源,这就是通过URL来实现的。URL全称是Uniform Resource Locator,统一资源定位符。URL由三部分组成:协议、主机名称、文件目录和文件名。例如:http://www.sunxin.org/video/video.asphttp表明使用的是超文本传输协议从主机名(域名)www.sunxin.org的服务器上访问video目录下的video.asp文件。
    建立一个链接的语法如下:
    <a href=”URL”>…</a>
    (3)
    属性href用于指定链接的目标,目标地址由URL定位,在开始<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。
    (4)
    超链接的例子:
    <a href=”form.html”>
    表单的例子</a>
    <a href=”../form.html”>
    表单的例子</a>
    <a href=”E://jsplesson?appendixA/table.html”>
    表格的例子</a>
    <a href=”http://ww.sunxin.org”>
    孙鑫的个人网站</a>

    10.   嵌入图像

    (1)web上使用得最多的两种图像格式是GIFJPEGGIF只能用于256色的图像,对于不需要大量颜色的图片,例如:网站的LOGO、图标等,常使用GIF格式,对于图片口质要求较高的一些图像,例如:照片、风景画等,常常使使用JPEG格式。
    (2)
    在网页中嵌入一幅图像要使用<img>元素,其基本语法为:<img src=”URL” width=n height=n>,属性src指定图像资源的位置,属性widthheight用于指定图片的尺寸。
    (3)
    和超级链接可组合使用

    <a href=”URL1”>

               <img src=”URL2” width=n height=m>

    </a>

     

  • 相关阅读:
    MAVEN 安装与配置
    MAVEN 常用仓库地址
    一些常用的工具
    springFramework 源码学习之源码下载与编译
    测试工程师学习笔记
    什么是多态
    聚簇索引与非聚簇索引
    正则表达式菜鸟教程
    我的第一篇博客
    转Hibernate继承
  • 原文地址:https://www.cnblogs.com/freewater/p/2200435.html
Copyright © 2011-2022 走看看