时间:2023-07-26 02:21:02 | 来源:网站运营
时间:2023-07-26 02:21:02 来源:网站运营
学制作网页:第二篇 HTML:<!DOCTYPE html><html> <head> <title> </title> </head> <body> </body></html>
DOCTYPE:样本代码,使用哪个 HTML 版本进行编写的指令。<h#>标题文字</h#>
3、空格:  显示 | 说明 | HTML |
半角大的空白 |   | |
全角大的空白 |   | |
不断行的空白格 | | |
< | 小于 | < |
> | 大于 | > |
& | &符号 | & |
“ | 双引号 | " |
© | 版权 | © |
® | 已注册商标 | ® |
™ | 商标(美国) | ™ |
× | 乘号 | × |
÷ | 除号 | ÷ |
<font face=“ 字体” size=“字号 ” color=“ 颜色” >…</font>
2、基底文字标记<basefont> <basefont face=“ 字体 ” size=“ 字号” color=“颜色 ” >
face属性定义字体,可一次定义多个字体,字体之间用逗号分隔。size属性定义字号,取值为1~7,也可以用+或-来设置相对值 。color属性定义颜色,其值为该颜色的英文单词或十六进制数值。<b>…</b>
斜体:<i>…</i>
下划线:<u>…</u>
删除线: <strike>…</strike>
<p align=“left/center/right”>…</p>
2、换行标记:<br />
3、居中标记: 该标记也可以使图片等网页元素居中显示<center>…</center>
4、水平分割线: <hr width=" " size=" " color=" " align=" " noshade>
也可以直接写 <hr>,属性值均为默认值。width定义水平线的长度;size定义水平线的宽度;color定义水平线的颜色;align定义水平线的对齐方式;noshade定义水平线不出现阴影<img src=“url” … />
3、图像的属性属性 | 属性值 | 描述 |
src | URL | 图像的路径 |
alt | 文本 | 图像不能显示时的替换文本 |
title | 文本 | 鼠标悬停时显示的内容 程序6-3 |
width | 像素(XHTML不支持%页面百分比) | 设置图像的宽度 |
height | 像素(XHTML不支持%页面百分比) | 设置图像的高度 |
border | 数字 | 设置图像边框的宽度 |
vspace | 像素 | 设置图像顶部和底部的空白(垂直边距) |
hspace | 像素 | 设置图像左侧和右侧的空白(水平边距) |
align | left | 将图像对齐到左边 |
align | right | 将图像对齐到右边 |
align | top | 将图像的顶端和文本的第一行文字对齐,其他文字居图像下方 |
align | middle | 将图像的水平中线和文本的第一行文字对齐,其他文字居图像下方 |
<img src="图片.jpg" />
(2)表示上级目录:../上一级,../../上上级,以次类推,例如:<img src="../图片.jpg" />
(3)表示下级目录,直接写下级目录文件的路径,例如:<img src="images/pro1.jpg" />
2、根相对路径(site root)也称相对根目录,适用于在不同的盘符下的https://www.google.cn/
列表类型 | 标记符号 |
无有序列 | <ul> |
有序列表 | <ol> |
定义列表 | <dl> |
目录列表 | <dir> |
菜单列表 | <menu> |
<ul> <li>项目名称</li> <li>项目名称</li> <li>项目名称</li> ……</ul>
有序列表:<ol> <li></li> <li></li> <li></li> ……</ol>
定义列表:<dl> <dt> …</dt> <dd> …</dd> <dd>… </dd> …… <dt> …</dt> <dd> …</dd> <dd>… </dd> …… ……</dl>
菜单列表:<menu> <li>项目名称</li> <li>项目名称</li> <li>项目名称</li> …… </menu>
目录列表:<dir> <li>项目名称</li> <li>项目名称</li> <li>项目名称</li> …… </dir>
4、列表的嵌套关键词:学制