HTML

HTML介绍

1. 用来描述网页,超文本标记语言 Hypertext Mark-up Language 超文本：超出文本的范畴
2. 
   不是一种编程语言，而是一种标记语言 (markup language) 做网页的脚本语言
3. 
   标记语言是一套标记标签 (markup tag)
4. HTML用标签描述网页,其所有操作都是通过标签实现

操作思想

在网页中可能有很多的数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装），通过修改标签的属性值来实现标签内数据样式的变化。

标签相当于一个容器，通过修改容器的属性值，实现容器内数据样式的变化。

标签查询

基本标签

排版标签

1. 注释:

2. 原样输出:

3. 段落标签:

   换行并且中间空一行
   是换行不空

4. 删除线:
   效果:删除文本 md代码:~删除文本~

5. 加粗:
   效果:加粗文本 md代码:**加粗文本**

6. 斜体:
   效果:斜体文本 md代码:*斜体文本*

7. 换行:
   

8. 水平线标签:

   ---

   效果:

---

​ md代码:***或---

块标签*

1. div标签:用于在文档中设定一个块区域

   实际效果虽然和
   一样,但是,这个标签是个容器

   可以调用,而
   不行,包不住代码段

2. span标签:用于在行内设定一个区域

   效果就是把该标签封装的数据都写在一行

   Html中绝大多数元素被定义为块级元素或内联元素。

   块级元素在浏览器显示时，通常会以新行来开始。例如 div p等

   内联元素在浏览器显示时，通常不会以新行来开始。span

字体标签

1. font标签:

列表标签

列表

   <dl>
     <dt>HTML</dt>
     <dd>标签1</dd>
     <dd>标签2</dd>
     <dd>标签3</dd>
   </dl>

有序列表

<ol>
     <li>java学院</li>
     <li>人事部</li>
     <li>学工部</li>
</ol>

无序列表

<ul>
     <li>java学院</li>
     <li>人事部</li>
     <li>学工部</li>       
</ul>

效果

• ​ md代码*,+,- +空格

图形标签

链接标签

表格标签*

<table>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>

姓名	性别	毕业学校	工资

在标签里面也可以表示单元格： 实现居中和加粗的效果

md语法:

|姓名|性别|毕业学校|工资|
|:---|:---:|:---:|---:|
|||||
|||||
|||||

合并单元格:

rowspan属性：用于设定行合并

colspan属性:用于设定列合并 记得根据需求调整行和列的个数

标题标签：标题内容

表单标签**

把输入的数据提交到服务器上（存到服务器），这个过程称为表单

form标签

<form action="hello.html" method="get" name= >
</form>

action：提交的服务器的地址,即向何处发送表单数据
method：表单的提交方式（有很多种，常见的有两种 get和post）
name:用于定义表单的名称

get post区别*

1. get方式只能携带少量数据,而post可以携带大数据
2. get方式提交时,数据会在地址栏上显示包括你的密码,安全性差.而post方式提交不会显示,更安全

input标签

普通输入项

定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

其它常用属性:

l  name:定义标签名称

l  value:定义标签值

l  size:定义输入字段的长度

l  maxlength:定义可输入最大字符个数

密码输入项

定义密码字段。该字段中的字符被掩码.

其它常用属性:

l  name:定义标签名称

l  value:定义标签值

l  size:定义输入字段的长度

l  maxlength:定义可输入最大字符个数

单选输入项

定义单选按钮。

其它常用属性:

l  name:定义标签名称.注意，对于单选按钮，如果要想做到单一选择，多个radion的name值必一样。

l  value:定义标签值

checked:定义该标签默认被选中。

复选输入项

定义复选框。

其它常用属性:

l  name:定义标签名称.注意，一组的checkbox它们的name值应该是一样的。

l  value:定义标签值

checked:定义该标签默认被选中

普通按钮

定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）

其它常用属性:

l  name:定义标签名称

l  value:按钮显示名称

文件输入项

定义输入字段和 “浏览”按钮，供文件上传。

其它常用属性:

l  name:定义标签名称

隐藏项

定义隐藏的输入字段。

其它常用属性:

l  name:定义标签名称

l  value:定义标签值

提交按钮和其他的按钮

定义提交按钮。提交按钮会把表单数据发送到服务器。

定义重置按钮。重置按钮会清除表单中所有数据但留下默认选中的。

其它常用属性:

l  name:定义标签名称

l  value:按钮显示名称

图像形式提交按钮

这个标签主要是用来替换submit按钮，因为默认产生的提交按钮并不漂亮，这个标签允许你采用指定的图片做为提交按钮。

其它常用属性:

l  name:定义标签名称

l  src:定义作为提交按钮显示的图像的url

l  alt:定义该图像的替代文本。

select和option标签

<select>
        <option>AAAA</option>
        <option>BBBB</option>
        <option>CCCC</option>
</select>

1.

用于定义一个下拉列表

 常用属性:

l  name:定义下拉列表的名称

l  size:定义下拉列表中可见选项的数目

l  multiple:定义可选择多个选项

2.

用于定义下拉列表中的选项。

需要位于标签内部

常用属性:

l  value:定义送往服务器的选项值

l  selected:定义选项为选中状态。

文本域标签

l  name:定义多行文本框名称

l  cols:定义多行文本框可见宽度

l  rows:定义多行文本框可见行数

补充标签与特殊字符

1. meta标签

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

常用属性：

l  content:定义与http-equiv或name属性相关的元信息

l  http-equiv:把content属性关联到HTTP头部

l  name:把content属性关联到一个名称。

 2.link标签

标签定义文档与外部资源的关系。

标签最常见的用途是链接样式表。

   只能存在于 head 部分，不过它可出现任何次数。

   常用属性:

l  type:定义被链接的文档的MIME类型

l  href:定义被链接的文档的URL

l  rel:定义当前文档与被链接文档之间的关系。

        关于标签详细用法，我们会在css中介绍

1.      特殊字符

Html原始码	显示结果	描述
&nbsp		不断行的空白符
&lt	<	小于号
&gt	>	大于号
&reg	®	已注册
&copy	©	版权