1.1HTML技术

1.1.1HTML简介

HTML(Hyper Text Markup Language)为“超文本标记语言”,通过HTML标记对网页中的文本、图片、声音等内容进行描述。后缀名为“.html”或者“.htm”。

1.<!DOCTYPE>标记

位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规范。

2.<html>标记

位于<!DOCTYPE>标记之后,根标记,用于告知浏览器其自身是一个HTML文档。

3.<head>标记

定义HTML文档的头部信息,也称为头部标记。

4.<body>标记

定义HTML文档所要显示的内容,也称为主体标记。

 

1.1.2单标记和双标记

1.单标记

也称为空标记,格式如下:

<标记名 />

例如:<br />

2.双标记

也称为体标记,格式如下:

<标记名>内容</标记名>

例如:<html></html>

 

1.1.3文本控制和文本样式标记

1.段落标记<p></p>和换行标记<br />

 

2.文本样式标记,格式如下:

<font 属性 = "属性值">文本内容</front>

 

1.1.4图像标记

用于显示图像,格式如下:

<img src"图像URL" />

 

1.1.5表格标记

创建表格的基本标记包括:

<table></table>定义一个表格

<tr></tr>定义表格中的行

<td></td>定义表格中的单元格

基本语法格式如下:

<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>

 

1.1.6表单标记

表单是在网页上输入信息的区域,他的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。

表单包括:表单控件、提示信息、表单域。

1.创建表单

<form>标记用于定义表单域,即创建一个表单,基本语法如下所示:

<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>

2.表单控件<input>

<input type="控件类型" />

<fieldset></fieldset>用于将表单元素分组,<legend></legend>定义<fieldset>的标题。

3.注释:

<!--注释内容-->

 

1.1.7列表标记和超链接标记

1.无序列表<ul>

<ul>
<li>默认实心圆</li>
<li type="dics">实心圆</li>
<li type="square">方块</li>
<li type="circle">圆圈</li>
</ul>

2.有序列表<ol>

<ol>
<li type="">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

type取值:1、A、a、I、i。

3.超链接标记

基本语法格式:

<a href="跳转目标" target="弹出方式">文本或图像</a>

target取值:_self(默认)、_blank、_parent、_top。

 

1.1.8<div>标记

Division的缩写,意为“分割、区域”。简单而言就是一个区块容器标记,可以将网页分割成独立不同的部分,以实现网页的规划和布局。