学习html5（1）

来源：互联网发布：山西省软件开发企业编辑：程序博客网时间：2024/05/21 15:08

1.html基础

1）<!DOCTYPE> 声明，表明确切的html的版本。

2）<html></html> 整个文档包含其中。

3）<head></head> 编码格式、标题，语言格式等。

4）<body></body> 页面上面主要显示的内容。

5）<h1>……<h6> 标题字体大小的定义。

6）<p></p> 段落。

7）<a></a> 链接标签。

8）<img/> 链接图片文件。

9）<br/> 换行。

2.html元素

1）元素指的是从开始标签到结束标签的所有的代码。

2）主要分为双标签和单闭合标签。

3）标签之间可以互相嵌套。

4）标签可以拥有属性来为元素提供信息，属性通常都是键值对的方式出现的。

5）<title> 指定额外的信息。

6）<target> 规定在何处打开链接。

7）<b>定义粗体文本；

<em>定义着重文字；

<i>定义斜体字；

<small>定义小号字；

<strong>定义加重语气；

<sub>定义下标字；

<sup>定义上标字；

<ins>定义插入字；

<del>定义删除字。

3.样式的使用

1）<style>样式定义；

2）<link>资源的引用；

3）rel=”stylesheet”外部样式表；

4）type=”text/css”引入文档的类型；

5）三种样式表表示方式：外部样式表，内部样式表和内联样式表；

6）href指向文件的链接，name文档内的链接，alt替换的文本；

7）<table>表格，<caption>标题，<th>表头，<tr>行，<td>列，<thead>页眉，<tbody>主体，<tfoot>页脚，<col>列属性，<cellpadding>单元格边距，<cellspacing>单元格间距。

4.列表、块和布局

1）列表：<ol>有序，<ul>无序，<li>项目，<dl>列表，<dt>项目，<dd>描述，后三个用于自定义列表；

2）块元素：<h1>标题，<p>段落，<ul>无序，<div>块元素等；

3）内联元素：<b>着重，<a>链接，<img>图片，<span>内联元素等；

4）布局：可以使用<div>和<table>等标签进行布局。

5.表单

1）<form>表单，<input>输入，<textarea>文本，<label>控制标签，<fieldset>定义域，<legend>域的标题，<select>选择列表，<optgroup>选项组，<option>下拉列表中的选项，<button>按钮；

2）表单的提交可以通过php或者asp等进行处理，安装xmapp进行处理；

3）Html和php交互，action指定提交的服务器的地址，method指定提交的方式；

4）提交方式：get在地址栏显示提交的内容，post不显示，post不能够做资源定位，而get可以。

6.框架

1）框架：frame标签，框架集标签是<frameset>，cols列，rows行，noresize固定框架大小，iframe内联框架；

2）背景：background、bgcolor等；

3）实体：html中的预留字符串必须给替换成实体，例如<为<、>为>等。

0 0