Web学习

Web概念

JavaWeb:使用Java语言开发基于互联网小贷项目

软件架构:

Web学习_第1张图片

B/S架构详解

Web学习_第2张图片
静态资源

HTML

Web学习_第3张图片
Web学习_第4张图片

举例

Web学习_第5张图片

标签学习

文件标签

Web学习_第6张图片

文本标签

Web学习_第7张图片
Web学习_第8张图片
Web学习_第9张图片
Web学习_第10张图片

图片标签

* img:展示图片

* 属性:

* src:指定图片的位置

* 代码:

古镇

Web学习_第11张图片

列表标签

* 有序列表:

* ol:

* li:

* 无序列表:

* ul:

* li:

Web学习_第12张图片

链接标签

* a:定义一个超链接

* 属性:

* href:指定访问资源的URL(统一资源定位符)

* target:指定打开资源的方式

* _self:默认值,在当前页面打开

* _blank:在空白页面打开

Web学习_第13张图片

表格标签

* table:定义表格

* width:宽度

* border:边框

* cellpadding:定义内容和单元格的距离

* cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、

* bgcolor:背景色

* align:对齐方式

* tr:定义行

* bgcolor:背景色

* align:对齐方式

* td:定义单元格

* colspan:合并列

* rowspan:合并行

* th:定义表头单元格

* :表格标题

* :表示表格的头部分

* :表示表格的体部分

* :表示表格的脚部分

补充(和CSS结合使用)

语义化标签

html5中为了提高程序的可读性,提供了一些标签。

1.

:页眉

2.

:页脚




    
    学生成绩表


学生成绩表
编号 姓名 性别 成绩
1 小龙女 100
2 杨过 90
3 金轮法王
总成绩 190

你可能感兴趣的:(学习)