HTML语言基础

最新推荐文章于 2023-05-03 22:19:26 发布

FieldSoft-HelloClyde

最新推荐文章于 2023-05-03 22:19:26 发布

阅读量390

点赞数 1

文章标签： HTML

本文链接：https://blog.csdn.net/kydkong/article/details/49532621

版权

1.与HTML相关的更多技术：

Ajax

JQuery

extjs

现在也有相当一部分人使用XML代替HTML，因为XML的语法更为严谨

2.HTML实例

<html>

    <head>

        <titile>网页标题</title>

    </head>

    <body>

        网页正文

    </body>

</html>

3.有一部分html标签没有结束标签

4.引号只有在内部变量有空格时才是严格使用的，其他可使用可不使用

比如：

color = "red"等同于color = red

5.段落标签：<p>段落内容</p>

段落内容自动编排

6.标题标签：

<h1>标题内容</h1>

..

<h6>标题内容</h6>

h1代表字号最大，h6代表字号最小

7.换行标签：<br>

8.注释标签：

9.水平线:<hr>

10.文字格式化

<b>文字</b>粗体

<strong>文字</strong>粗体

两者的区别详见：与有什么不同？

<big>文字</big>大字体

<em>文字</em>强调

<i>文字</i>斜体

11.其他常用标签：

<font color = red size = 34 face="字体">

颜色可以使用rgb(X,X,X)表示，X在0~255之间，或者#XXXXXX表示，这个序列使用十六进制

<center>内容</center>居中显示

<ul>

<li>内容1</li>

<li>内容2</li>

<li>内容3</li>

</ul>

上述表示一个无序列表，表现效果为

内容1
内容2
内容3

<ol>

<li>内容1</li>

<li>内容2</li>

<li>内容3</li>

</ol>

上述表示一个有序列表，表现效果为

内容1
内容2
内容3

12.特殊字符显示

空格  

< 小于 <

> 大于 >

& 和 &amp；

” 双引号 "

更多特殊字符显示：HTML特殊字符显示

13.链接：

<a href = URL>文本</a>

<a href = URL target = "_blank">文本</a>访问外网的URL，必须加上协议，比如http

14.图片

<img src=URL width = 144 height = 50>

其中width和heigth都可以指定相对于浏览器窗口的百分比,比如100%，就是铺满窗口

URL中的文件大小必须大小写区分，因为服务器为了兼容Linux，而Linux是大小写区分的

15.表格：现在多用CSS代替

<table>

    <tr>

        <td>x</td>

        <td>y</td>

    </tr>

    <tr>

        <td>x1</td>

        <td>y1</td>

    </tr>

</table>
其中<tr>标签表示表格的行

<td>标签为单元格

<table border = 1>为表格的边框

表现效果为：

x y
x1 y1
表格的合并：

<td rowspan = 2>21</td>合并2行，包括自己，和它下面的一行

colspan 合并列，同上

被合并的单元格不必再写
<table>

    <tr>
        <td>11</td>

        <td>12</td>

        <td>13</td>

        <td> </td>如果不加空格将不显示单元格

    </tr>

    <tr>

        <td rowspan=2>21</td>

        <td colspan=3>22</td>

    </tr>

    <tr>

        <td>31</td>

        <td colspan=2>31</td>

    </tr>

</table>
11 12 13
21 22
31 31

16.后台程序：jsp、servlet

17.表单

<form>元素</form>可显示输入的元素

主要属性：action、method

action:表示把表单提交给谁，由谁处理

method:表示数据传输方式，分为post和get

get方式:把form输入信息附加在action地址后，？传参数法

如：http://123.4.0.1/a.jsp?a=xx&b=xx

变量分别为a,b

由于是明码，所以一般不用

post方式：不是明码，主流方式

18.表单元素

文本 <input type=text>

密码框 <input type=password>

提交按钮 <input type=submit>

复位按钮 <input type=reset>

普通按钮 <input type=button>

列表 <input size>

更多表单元素

例子：
    <form name="myform" action="myaction.jsp" method=post>

        <input type=text name="myname" size=20><br>

        <input type=password name="mypassword" size=21><br>

        <input type=submit value="提交">

        <input type=reset value="重填">

    </form>
默认文本框与密码框宽度不一致，这里用size来调整大小，但是不精确

精确的定义是：

<input type=text stype="width:120px;height=20px;">

按钮：

<input type=button value="按钮上需要显示的文字" οnclick="js程序">