HTML静态网页---标签

一、

创建HTML:

(一)

body的属性:

bgcolor        页面背景色

background       背景壁纸、图片

text           文字颜色

topmargin        上边距

leftmargin         左边距

rightmargin      右边距

bottommargin      下边距

body属性的使用方法:

(二)、

格式控制标签:

<font color="" face="" size=""></font>

分别控制字体的颜色、字体和大小。

<b></b>        字体加粗

<strong></strong>   字体加粗

<i></i>           倾斜

<em></em>       倾斜

<u></u>        下划线

<center></center>   居中

<br>或<br/>      相当于回车

 &nbsp;        表示空格,Ctrl+shift+space

(三)、内容容器标签

<h1></h1>      标题,会自动换行。HTML标题是                      

  . . .        通过<h1>到<h6>等标签来定义的。

<h6></h6>

<p></p>       段落标签(段落之间空行)

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

<span></span>    层标签(默认用掉多大空间占用多大空间)

<ol type="1">    有序列表,序号为1,2,3....,引号中可以更改序号的形式

  <li>内容<li>

  <li>内容<li>

</ol>         上面的ol改为ul则变为无序号列表

"../"      表示上级目录

"./"       表示当前目录

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

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

(四)、超链接标签

<a href="超链接地址" target="_blank">超链接文字</a>   

在新窗口打开还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

(五)、图片标签

<img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” />

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。

title可以添加图片描述,鼠标放在图片上时可以显示描述。

时间: 2024-10-10 11:56:25

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

HTML静态网页标签

打开DREAMWEAVER,新建HTML,如下图: 一.body的属性: bgcolor 页面背景色 background   背景壁纸.图片 text 文字颜色 topmargin 上边距 leftmargin 左边距 rightmargin 右边距 bottommargin  下边距 二.格式控制font标签 font标签的属性: color              字体颜色 face               字体 size               字体大小 <b></b&

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.