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