黑马程序员_html语言

来源：互联网发布：知乎育儿书籍推荐编辑：程序博客网时间：2024/04/28 06:36

-------------- android培训、java培训、期待与您交流！ -----------------

1，Html就是超文本标记语言的简写，是最基础的网页语言。

2，Html是通过标签来定义的语言，代码都是由标签所组成。

3，Html代码不用区分大小写。

4，Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。

5，头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。

6，体部分是真正存放页面数据的地方。

a.多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。

b.想哟对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。

c.属性与属性值之间用“=”连接，属性值可以用双引号或者是单引号或者不用引号，一般都会用双引号。

或者是遵照公司规定的书写规范。

d.格式：<标签名属性名 = ‘属性值’> 数据内容 </标签名>

<标签名属性名 = ‘属性值’ />

操作思想：

为了操作数据，都需要把数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。

标签就相当于一个容器。对容器中的数据进行操作，就是在不断的改变容器的属性值。

1.字体标签：<font>

例：<font size=5 color=red>字体标签示例</font>

注：简单颜色可以直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取。

2.标题标签：<h1><h2>...<h6>

因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。

3.特殊字符：

如果要在网页上显示一些特殊符号，比如< > &等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。

&lt---<

&quot---"

&qt--->

&amp---&

&nbsp---空格

4.列表标签<dl>

<dt>:上层项目

<dd>:下层项目

例子：

7.表格标签：<table>

组成：标题标签：<caption>，给表格提供标题

表头标签：<th>，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用。

行标签：<tr>

单元格标签：<td>，加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。

格式：

</tr>

</tr>

每个表格可以有一个表头，一个表尾和一个或者多个表体(即正文)，分别以THEAD.TFOOT和TBODY元素表示。

THEAD,TFOOT包含关于表格列的信息。

TBODY作用是：可以控制表格分行下载，从而提高下载速度。(网页的打开是先表格的内容全部下载完毕后，才显示出来，分行下载可以先显示部分内容，这样会减少用户等待时间。)

使用TBODY的目的是可以使这些包含在内的代码不用在整个表格都解析后一起显示，就是说如果有多个行，那么如果得到一个TBODY行，就可以先显示一行。

TBODY这个标签可以控制表格分行下载，当表格内容很大时比较实用，在需要分行下载处加上<tbody></tbody>.

表格标签下面的第一个是TBODY 然后下面才是TR.

8.超链接

两种用法：

一，超链接<a href="">

例子：

二，定位标记<a name="">

一般在本页面中使用，当网页内容过长，定位标记会比拖动滚动条方便快捷。

注：定位标记要和超链接结合使用才有效。

例子：

<a href="#标记">返回标记位置</a>

注：使用定位标记时一定在href值的开始加入#标记名。

10.画中画标签：<iframe>

很遗憾，画中画你没有看到，因为你的浏览器不支持iframe标签。

</iframe>

框架标签现在不是很常用，布局都有div+css+table.框架很少使用了。

表单

11.表单标签：<form>

表单标签是最常用的标签，用于与服务器的交互。

<input>：输入标签：接收用户输入信息。

其中的type属性指定输入标签的类型。

文本框text。输入的文本信息直接显示在框中。

密码框password.输入的文本以原点或者星号的形式显示。

单选框radio如：性别选择。

复选框checkbox如：兴趣选择

隐藏字段hidden在页面上不显示，但在提交的时候随其他内容一起提交

提交按钮submit用于提交表单中的内容。

重置按钮reset将表单中填写的内容设置为初始值

按钮button可以为其自定义事件

文件上传file后期扩展内容，会自动生成一个文本框，和一个浏览按钮。

图像image它可以替代submit按钮。

<select>：选择标签提供用户选择的内容。如：用户所在的省市。size属性为显示项目个数。

<option>：子项标签属性selected没有属性值，加在子项上，其中一个子项上，子项

----------------- android培训、java培训、期待与您交流！ --------------------