html基础与表格的理解·

1.静态网页与动态网页的区别;是否访问数据库

2.超文本;超文本是指超出文本的范围,可以插入声音视频,表格图片等

3.标记语言与网页结构;标记语言就是标签,网页结构包含<html><head><title></title></head><body></body></html>body的背景分为背景颜色和背景图片,其中bgcolor是背景颜色,background为背景图片

4.相对和绝对路径;相对路径是以从“我的位置”开始查找上下层,绝对路径是指直接从磁盘开始查找

5.边距的使用;可以使得上下左右填上边距(留白),分别是topmargin(上边)bottomargin(下边)leftmargin(左边)rightmargin(右边)边距无法侵犯!

6.换行以及空格;换行<br/>空格&nbsp

7.修改文字;需要使用标记<font></font>.size是指在字体大小。face是指字体。<b></b>加粗,<i></i>倾斜,<u></u>下划线<center></center>居中且自占一行

8.标题控制标签;h1~h6大小依次递减,自占一行且空开一行h123依次增大h456依次递减

<h2>轩</h2><br />
<h6>轩</h6><br />

9.段落标签;<p></p>为段落标签,自占一行且空开一行

10.div层标签与span层标签;其中style为修改标签,,div占满一行,span使用多少占用多少

11.有序列表与无序列表;有序列表<ol><li></li></ol>,自带序号自动换行,若有其他自占一行且空开一行;无序列表<ul><li></li></ul>,不自带序号自动换行,若有其他自占一行且空开一行.

12.超链接;<a></a>需要a标签,href输入网址或查找;打开方式-target,只需要blank与new(新建页面打开)

13.返回最顶端;需要<a></a>a标签,在body第一个分行下写出a标签并命名-name=***,再去找到需要回顶端的位置插入a标签,输入href即可

<body>

<a name="123"></a>

<a herf="#123">返回</a>

</body>

14.插入图片;标签<img/>需要关键字src,其中宽度width,高度height,图片具有固定比例减宽度的同时自动按比例减高度

15.图片上显示文字;插入标题标签title=“*******”插入alt=“******(拼音)”是指在找不到图片,网络差的时候显示的提示性文字可使用a标签与href插入超链接

16表格;作用是排版布局,表格标签<table></table>~输入宽高~边框线border~cellpadding与cellspacing设为0

17.行与列;行<tr></tr>,列<td></td>

<table width="600" height="605" border="1" cellpadding="0" cellspacing="0">表格总宽600 总长605

<tr height="50"><center>高度设50
<td width="100"></td>宽设100
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100" rowspan="4" colspan="2"><img src="../t013886d9ab8afa6315.jpg"/></td>纵向吞四,横向吞二并插入图片

 

18.宽度与高度;宽度只需在第一行的列中;字体与边框居中;center写在边框上达到边框居中,写在<tr>里面达到字体居中

19.吞并格子;首先去掉被吞掉的格子~在吞并格子上输入横向吞并两个格子(colspan=“2”)(只能向后吞);纵向吞并两个格子(rowspan=“2”)

20.删除线--del

21.上标:sup。下标:sud。

原文地址:https://www.cnblogs.com/xuan584521/p/6075480.html