10天学会php第二天html标签的使用

昨天介绍了linux的常用命令,今天介绍html标签的使用。

包含经常使用的div,span,p,ul,li,H1-H6,表格等等标签的使用。

课堂笔记

知识点:

一、网站如何工作

二、xhtml介绍和基础

三、xhtml实体

四、无序和有序列表

五、图像

六、表格应用

七、超连接

八、练习:公司成本报表

一、网站如何工作

c/s:

b/s:

网站:没有业务流程。

酒店管理系统:

oa

工作:

二、xhtml介绍和基础

1、html hyperText markup language(超文本标记语言)

2、xhtml extensible hyperText markup language(扩展的超文本标记语言)

xhtml :标记语言:

3、标记分类:

单标记:

双标记:文本内容

4、标记属性:

属性:事物的特性。

我的理解:事物能用“有”来形容的

注意;

1> 无序

2> 每个属性都不是必须的。

3> 属性名称="属性值"

5 xhtml文档结构:

xhtml:静态页面:.html .htm shtml

6 文本修饰:加粗 斜体....

加粗

斜体

下划线

删除线

上标

换行

段落 (换行加一空行)

划线

color="#00ff00"颜色

width="400" 长度

size="100" 粗细

align="right 水平位置的左中右

color="#00FF00"

size="+6" 大小

face="华文彩云" 字体

注意: 标记可以嵌套,标记遵循就近原则。

三、xhtml实体

特殊符号用实体来替代:

>>

<

& &

'单引号

"双引号

 空格

© 版权符号

®注册符号

£

n范围1-6 文章标题标记 一次减小

四、无序和有序列表

无序列表:

有序列表

五、图像

路径规则:

绝对路径:c:/windows/system32/a.html

相对路径:********

平级:直接写文件名

下一级:文件夹名称/文件名 images/aa/1.jpg

上一级 :..

src="路径"

width="80"

height="200"

border="5" 边框

七、超连接

跳转到外网:baidu

本地跳转:studyWork

下载:images

补充:图片超链接

六、表格应用*******

table属性

主要属性

border="1" 边框

align="center|left|right" 水平位置

width="600" 宽

height="250"高

cellpadding="0" 文字到边框的距离

cellspacing="0" 边框的厚度

辅助属性

bordercolor="#00FF00" 边框色

bgcolor="#CC0000" 背景色

background="images/2.jpg" 背景图

注意:背景图和背景色同时存在,背景图起作用。

align="center" 该行的文字的水平位置

bgcolor="#00FF00"

height="40"

valign="bottom" 垂直位置

align

valign

width

height

colspan=""合并列

rowspan="" 合并行

八、练习:公司成本报表

实现的页面效果如下

实现效果

最后实战就是用table完成下面表格制作

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181225A07JRJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券