HTML

最新推荐文章于 2022-04-25 16:49:42 发布

Stephanie翟

最新推荐文章于 2022-04-25 16:49:42 发布

阅读量916

点赞数 4

分类专栏： # HTML和XML

本文链接：https://blog.csdn.net/a954553391/article/details/85929844

版权

HTML和XML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

（一）是什么

HTML:Hypertext Markup Language 超文本标记语言

WWW:World Wide Web万维网（简称Web）

*Web绝大部分用HTML编写

（二）有什么

元素与标签

空元素<br>
带有属性的空元素
<hr color=“blue”>
带有内容的元素
<title>http://www.sunxin.org</title>
带有内容和属性的元素
<font color=“red”>https://blog.csdn.net/a954553391<font>

在这里插入图片描述
（三）怎么用

1.与段落控制相关的标签

 <p align="#">
【表示】paragraph,作用:创建一个段。
【属性】align表示段的对齐方式，#可以是left、center、 right、 justify。

<br>
【表示】line break
【 作用】:换行

<hr color="clr" >
【表示】horizontal rule
【作用】:插入一条水平线。属性color用来指定线的颜色，clr可以 是预定义的颜色名字，
例如: red、blue 、green 、black 、white、yellow 、olive 、aqua等等。
或者以16进制数表示的颜色值，clr=#rrggbb，例如: #f0000表示红色，#00ff00表示绿色，#000Off表示 蓝色。

【扩展知识】


在计算机中，通常都采用RGB色来表示色彩，R (Red)表示红色，G (Green) 表示绿色，B (Blue) 表示蓝色，通过红绿蓝三原色来构成其它的颜色。
在这种表示方法中，各个成分采用两位的十六进制数来表示，00至FF (十进制的0~255)，表示每-种颜色成分的强弱程度。
一个较小的值，如00或01， 表示一种较暗的RGB成分;而一个较大的值，如FE或FF， 则表示一种非常亮的RGB成分。
一 种颜色用6位十六进制数来表示，000000表示黑色，FFFFFF表示白色，FF0000表示红色，00FF00表 示绿色，0000FF表示蓝色。

在使用16进制数表示颜色值时，IE浏 览器不要求添加“#”号，但如果为了支持更多的浏览器，那么还是应该在十六进制的颜色值前面加上“#”号。

2.与文本显示相关的标签

<center>... </center>使文本居中显示。

<hn align="#">... </hn>
用于指出文档的标题，n是从1到6的整数，1表示最大标题，6表示最小标题。
属性align用 于设置标题对齐的方式，#可以是left、center、 right.

<font size=n color="CIr"... </font>
用于设置字体，属性size表示字体的大小，n可以是从1到7的整数，数字越大，字体越大:
属性color表示字体的颜色，clr可 以是预定义的颜色名字，或者以16进制数表示的颜色值。

<b>...</b>
使文本成为粗体。

<i>...</i>
使文本成为斜体。

3.常用的字符表

在这里插入图片描述

4.注释

<!--注释内容-->

5.建表-建立数字编号的列表

使用<ol>和<li>标签创建带数字编号的列表
<ol>标签中使用start属性，设置起始的序号
<li>标签中使用value属性，改变列表内的编号顺序

在<ol>和<li>中，使用type属性指定编号系统那个的类型
type属性值可以是大（小）写字母、罗马数字、阿拉伯数字等。例如：A、a、I等


使用<ul>和<li>标签创建带有项目符号的列表
type 属性指定的符号样式，取值如下：
disc--实心的圆圈；
square--实心的方块
circle--空心的圆圈


使用<dl><dt>标签创建无符号的列表
<dd>标签替换<dt>,穿件缩进的列表

在<dl>元素中同时使用<dt>和<dd>标签，建立属于列表。
术语列表中的列表项由两部分组成：术语和它的说明。
术语由<dt>标签指定，说明由<dd>标签指定。

6.表格-定义表格


<caption>...</caption>
<caption>用于定义表格的标题

<tr>元素在表格中添加一个新行
<tr align="alignment" valign="alignment">...</tr>
属性align用于指定一行在水平方向上的对齐方式，alignment可以是left、center、right
属性valign用于指定一行在垂直方向上的对其方式，alignment可以是top、middle、bottom

<th>...<th>
<th>元素用于定义表头

<td>...<td>
<td>元素用于定义单元格

7.浏览器表单与服务器的交互过程

在这里插入图片描述

使用<form>元素，以及在其间嵌入的相关元素(称为控件)，就可以创建作为HTML文档一部分的表单。
表单的基本语法如下:
 <form method="get or post" action="URL">
 <form>
 
【属性method】用于指定向服务器发送表单数据时所使用的HTTP方法，可以是get或者post这两种方法中的-种，get是缺省的方法。
当采用get方法提交表单时，提交的数据被附加到URL (在属性action中指定)的末端，作为URL的一部分发送到服务器端。
例如:我们指定action="reg.jsp”，当提交表单后，在浏览器的地址栏中，我们会看到下面的信息:
http:p/ocahost:8080/reg.jsp?user-zhangs an&pwd=1234

  而post方法是将表单中的信息作另一个数据块发送到服务器端。
  无论采用哪一种方法，数据的编码都是相同的，格式为: name1=value 1&name2=value2。

 【 属性action】指定对表单进行处理的脚本的地址。
 也就是说，表单提交到服务器后，交由谁来处理，在action属性中指定处理者的URL。

8.控件

单行文本输入控件(type="text")
提交按钮(type="submit" )
重置按钮(type="reset" )
口令输入控件(type="password" )
单选按钮( type="radio" )
复选框(type="checkbox" )
隐藏控件(type="hidden")

9.创建多行文本输入控件的语法为


<textarea name="name" rows="number of rows" cols="number ofcolumns"> .. </textarea>

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

10超链接

要让超链接能够正常工作，就需要有-种方法来定位Internet上的资源，这是通过URL来实现的。
URL全称是【Uniform Resource Locator】,统一资源定位符。
URL由三部分组成:协议，主机名称，文件目录和文件名。

例如:
http://ww.sunxin. org/video/video.asp, http表明使用的是超文本传输协议，
从主机名(域名)为www.sunxin.org的服务器上访问video自录下的video.asp文件。

建立一个链接的语法如下:
<a href= "URL">...</a>

属性href用于指定链接的目标，目标地址由URL定位，
在开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。

11.图片

在Web.上使用得最多的两种图像格式是GIF和JPEG。GIF只能用于256色的图像.
对于不需要大量颜色的图片例如:网站的LOGO,  图标等，常常使用GIF格式;
对图片品质要求较高的一些图像，例如:照片、风景画等，常常使用JPEG格式。

在网页中嵌入一幅图像要使用<img>元素，其基本语法为:
<img src="URL" width=n height=n>

属性src指定图像资源的位置，属性width和height用于指定图片的尺寸。