HTML静态网页标签

打开DREAMWEAVER,新建HTML,如下图:

一、body的属性:

bgcolor        页面背景色

background       背景壁纸、图片

text         文字颜色

topmargin       上边距

leftmargin      左边距

rightmargin      右边距

bottommargin      下边距

二、格式控制font标签

font标签的属性:

color              字体颜色

face               字体

size               字体大小

<b></b>            字体加粗

<i><i>             字体倾斜

<u></u>            下划线

<strong></strong>  加粗(强调,语气加强用)

<em></em>          倾斜(强调,语气加强用

<br>或者<br/>      换行,相当于回车

<center></center>  居中显示

&nbsp;             表示空格,也可以在设计页面中按ctrl+shift+space

body和font属性用法示例:

三、内容容器标签

<h1></h1>.....<h6></h6>    标题自动换行、加粗,并且按重要性排列(相当于word里的标题)

<p></p>                     段落标签,段落之间有空行

<div></div>                 层标签(默认占一行)

<span></span>               层标签(默认用多少空间,站用多少空间)

<ol type="1">               有序排列表,序号为“1,2,3...”引号内可以改序号形式

<li>内容</li>

<li>内容</li>...                

<ul>                        无序排列表

<li>内容</li>

<li>内容</li>...

“../” 表示上级目录

“./”  表示当前目录

相对路径:从当前页面开始查找

绝对路径:从网站的根开始查找     "/"代表网站的根

四、超链接标签

<a href="超链接地址" target="打开方式">超链接文字</a>

锚点:

第一步:做锚点标签 <a name="name1"></a>

第二部:做锚点链接 <a href="#name1"></a>

锚点标签放在哪里,点击连接的时候就会返回锚点所在的位置,如果锚点放在顶端,可以制作“返回顶端”

超链接

<a href="超链接网址">超链接文字或者图片</a>

五、图片标签

<img src="图片地址" alt="文字" width="图片宽度" height="图片高度">

图片宽度和图片高度可以只写一个

时间: 2024-10-05 06:05:27

HTML静态网页标签的相关文章

HTML静态网页---标签

一. 创建HTML: (一) body的属性: bgcolor 页面背景色 background   背景壁纸.图片 text   文字颜色 topmargin   上边距 leftmargin    左边距 rightmargin 右边距 bottommargin   下边距 body属性的使用方法: (二). 格式控制标签: <font color="" face="" size=""></font> 分别控制字体的颜

HTML静态网页(标签、表格)

HTML静态网页: 打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font>

静态网页开发技术-HTML

今天我重新复习了一下静态网页开发技术,概括如下. 一 .HTML文档结构与基本语法 :放置了标签的文本文档,可供浏览器解释执行的网页文件 1.注释标记 2.标记 3.属性 二.基本标记与使用 1.网页基本结构与标记 2.文本与段落标记 3.列表标签 4.超链接标签 5.图片标记 6.定时刷新或跳转 7.表格 三 HTML表单标签与表单设计 1.<FORM>标记及其属性 2  <INPUT>标记及其属性 3 <下拉列表框<SELECT>,<OPTION>

静态网页开发技术

静态网页是指可以由浏览器解释执行而生成的网页,其开发技术主要有HTML.JavaScript.和CSS.HTML是一组标签,负责网页的基本表现形式:JavaScript是在客户端浏览器运行的语言,负责在客户端与用户的互动:CSS是一个样式表,起到美化整个页面的功能. HTML(Hyper Text Markup Language)即超文本标记语言,是用来编写网页文件的标准,定义了一组标记(tag,也称标签)用来描述Web文档数据. 用HTML编写的超文本文档称为HTML文档(文件),是一个放置了

静态网页和动态网页

一.静态网页 HTML(超文本标记语言)格式的网页通常被称为“静态网页”.比如:以.htm和.html等形式为后缀的文件. 那么静态网页又能做什么呢?静态网页中可以包含文本.图像.声音.FLASH动画.客户端脚本. 二.动态网页 所谓的动态网页,是指跟静态网页相对的一种网页编程技术.可以简单的理解是以·aspx..asp..jsp..php..perl..cgi等形式为后缀文件称之为“动态网页”. 注:动态网页中的动态,不是指网页中页面元素以及网页特效的“动”.而是指:与后台数据库进行交互,数据

静态网页 和 动态网页

一.静态网页 HTML(超文本标记语言)格式的网页通常被称为"静态网页".比如:以.htm和.html等形式为后缀的文件. 那么静态网页又能做什么呢?静态网页中可以包含文本.图像.声音.FLASH动画.客户端脚本. 二.动态网页 所谓的动态网页,是指跟静态网页相对的一种网页编程技术.可以简单的理解是以·aspx..asp..jsp..php..perl..cgi等形式为后缀文件称之为"动态网页". 注:动态网页中的动态,不是指网页中页面元素以及网页特效的"

.net快速生成静态网页的方法一

一般用.net生成静态化网页方法有两种,一般是通过浏览器去触发动态的.aspx文件来达到解析网页,然后再生成网页,这种方法我们不用(因为这种方法需要浪费比较大的服务器性能,而且速度比较慢,一秒大概只能生成10个网页左右),所以我们今天要讲的是第二种方法,写一个网页模板,然后再用.net去解析标签,然后以完成这一个生成网页静态化功能(独占网络(http://www.sz886.com)-深圳网站建设-http://www.sz886.com技术人员测试过1秒可以生成100多个网页,性能非常好而且稳

静态网页制作

总结下工作.问,为什么开始看到这个作业的时候不知道如何下手呢? 现在完成了,知道该怎么去分解这个网页,以图中的分割线为准,可以这样细分: 这样,再根据每个模块去细分,首先看header这个模块,可以看到有个logo大图标,然后紧跟着是导航条. 刚开始想把这两部分作为两个平级div嵌套在div header里面,不过后面因为,哪个黄色的背景图要嵌套在logo字下面,所以最后的布局是这样的. 这里调试ul中的float:left,不是很清楚为啥会出现这种情况.这里让ul,li设置为float:lef

静态网页开发技术总结

今天星期天 看完比赛后 觉得自己对静态网页这里并不是很到位 便准备再复习一遍 2.1 Html 网页设计 简单的例子: 浏览器显示 1.HTML分为单标记和双标记 2.标记  语法: <标记名称  属性名1="属性值" 属性名2="属性值" 属性名3="属性值".... 属性名n="属性值"> 常见的有align center color size width 3.注释标记 <!--注释内容--> 2.