简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

1.HTML基本标签HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是}

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

HTML文档的结构

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

HTML标签由标签、属性、内容组成,属性与内容可选。包含内容的标签以<…>开始,</…>结束,不包含内容的标签可以是如下格式简单制作html静态网页:<…/>属性的值尽量用双引号或单引号修饰标签中的内容可以是其他的标签,称为原标签的子标签,子标签必须在父标签结束之前结束2.页面背景色或背景图像

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

<body background=\"back_image.GIF\" >Hello World简单制作html静态网页!

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

</body>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

(网页背景图像)

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

<body bgcolor=\"#FFCCFF\">Hello World!

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

</body>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

(网页背景色彩)

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

3.文本相关标签

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

字体、字号:标题标签<h1>-<h6>,<font>标签。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

行的控制段落标签<p>,换行标签<br>。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

标题标签<h#> ... </h#>,#=1, 2, 3, 4, 5, 6 (说明:<h1>到<h6>字体大小依次递减)

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

<sub>下标文字,<sup>上标文字,<del>删除线。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

段落标签<p>,换行标签<br>。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

内容分隔<HR>标签<HR> 标签用于在页面上绘制水平线。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

图像标签图像的基本语法:<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在线报名” >

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

页面链接<A>标签要链接到同一目录 (C:\\HTML) 下的页面,可编写 <A HREF = “Doc1.htm”> 或 <A HREF = “C:\\html\\Doc2.htm”>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

链接到本页面:

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?

图像链接<a href=“}

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?<img src=“images/adv_2.jpg” border=“0” width=\"300\"height=\"150\">

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?</a>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?滚动<marquee>标签<marquee scrolldelay=“100” direction=“up”>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?滚动文字或图像

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?</marquee>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?说明:scrolldelay:表示滚动延迟时间,默认值为90;direction:表示滚动的方向,默认为从右向左。

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?2.HTML/CSS基础目标:掌握列表的用法

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?使用表格的基本结构实现简单表格

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?使用表格相关标签实现跨行、跨列的复杂表格

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?会使用表单的基本结构制作表单页面

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?会使用各种表单元素实现注册页面

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?能理解post和get两种提交方式的区别

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?无序列表标签<ul>用于页面中没有顺序的列举项。格式: <ul type=“”>

简单制作html静态网页:html基本操作,看了这些你就能做简易网页?type属性设置标号的类型,值可以取:

1 disc :实心圆点

2 circle :空心圆点

3 square :实心方块

无序列表

有序列表<ol>用于说明页面中的某些成分,需要按特定的顺序排列。有序列表的每项都有连续的编号。格式:<ol type=“” start=“”>

type设置标号的类型,值可以取:

1 1:显示数字

2 A:显示大写字母

3 a:显示小写字母

4 I:显示大写罗马数字

5 i:显示小写罗马数字

有序列表

嵌套列表:一个列表作为另一个列表的一部分,即多层列表。嵌套列表

表格<table>应用场合门户网站应用表格

表格的基本语法<table>...</ table >定义表格

如何创建表格创建表格

表格表现

表头与标题域名数量报表的创建

域名数量报表

什么是跨行跨列的表格

1.跨多列的表格

2.跨多行的表格

3.如何创建跨行跨列的表格

表格的尺寸和边框品牌商城表的创建

width用来设置表格的宽度;height用来设置表格的高度;border用来设置表格边框尺寸大小;bordercolor用来设置表格边框颜色。

品牌商城表

背景:background属性用来设置表格的背景图片;bgcolor属性用来设置表格、行、列的背景色。

对其方式:align属性用来设置表格、行、列的对齐方式。

文本框基本语法<input type=“text” value=\"张三\" size=\"20\">

文本框的建设

文本框

密码框基本语法<input type=“password” value=“123456” size=“22”>

密码框的建设

密码框,22个字符宽度

单选按钮基本语法<input type=\"radio\" value=\"男\" checked=\"checked\">

单选按钮的建设

单选按钮框

复选框基本语法<input type=“checkbox” name=\"cb2\" value=\"talk\">

列表框基本语法

多行文本框基本语法<textarea name=“textarea” cols=“40” rows=“6”>内容</textarea>

按钮基本语法<input type=\"reset\" name=“reset\" value=\" 重填 \">

其他表单元素:<input type=“hidden”/>表单隐藏域

<input type=“image”/>表单图片按钮

<input type=“file”/>文件浏览

<label>标签<label>标签可以绑定某个表单元素,用于扩展可以相应点击等事件的区域

如:当点击复选框右边的提示文字时,该复选框也可被选中。

内容有限,关于css,div和网页布局的部分就下次在和大家分享吧!