JavaWeb-学习Html
前言-网页组成部分
网页是由三个部分组成，分别是内容（结构）、表现、行为
1.内容（结构）：我们在页面种可以看到的数据，称之为内容，使用Html来展示。
2.表现：指的是这些内容在页面上的展现形式（布局，颜色，大小等）使用CSS来实现。
3.行为：指的是页面中元素与输入设备交互的响应。使用JavaScript来实现s
提示：以下是本篇文章正文内容，下面案例可供参考
一、HTML是什么？
Html是超文本标记语言
HTML 通过标签来标记要显示的网页中的各个部分。 网页文件本身是一种文本文件，通过在文本文件中添加标记符， 可以告诉浏览器如何显示其中的内容（如： 文字如何处理， 画面如何安排， 图片如何显示等）
二、HTML的使用
1.创建HTML文件
一个HTML文件，只能有一个<html>标签
<html>标签包含<head>标签和<body>标签
注意：<head>写在head标签里面的东西不会在页面中展示出来</head>
代码如下（示例）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
2.HTML标签格式
标签格式：
单标签：<标签名/>
双标签：<标签名>封装的数据</标签名>
tips:
A. 标签名对大小写不敏感
B. 标签拥有自己的属性
C.标签不能交叉嵌套
D.标签必须正确关闭
E. 属性必须有值 值必须加引号
F. 注释不能嵌套
3.HTML标签中常用的标签
-
font字体标签
常用属性
color属性修改颜色:1.单词表示颜色2.RGB颜色#FFFFFFface属性修改字体
size属性：修改文本大小 -
标题标签
标题标签的特点是：字体变大，换行，行间距变大
h1-h6一共6个标题标签，最大的是h1，最小的是h6
常用属性：align对齐属性：left左对齐（默认）、center居中对齐、right右对齐 -
超链接a标签
常用属性：
href:设置连接的地址
target:设置哪个目标进行跳转﹐值: 1._self表示当前页面打开（默认值) 2._blank表示打开新页面 -
列表标签
<!-- 无序列表 type改变图形-->
<ul type="ssquare">
<li></li>
</ul>
<!-- 有序列表 type列表名称，start从第几个数开始排序 reversed倒序-->
<ol type="1" start="10" reversed="reversed">
<li></li>
</ol>
- img图片标签
属性:
src:设置图片的路径width:设置图片的宽度height:设置图片的高度border:设置图片边框大小
alt:设置当指定路径找不到图片时，用来代替显示文本的内容相对路径和绝对路径。
tips:
JavaSE: 相对路径从工程名开始算
绝对路径从盘符开始计算
二阶段web中
相对路径:.代表当前文件所在的目录…表示当前文件所在的上—级目录
绝对路径:http://ip:port/工程名/资源路径 - 表格标签
table标签是表格标签
常用属性：
border设置边框
width设置表格宽度
height设置表格高度
align设置对齐方式
cellspacing设置单元格间距
table标签包含tr行标签、th表头标签、td 单元格标签
tips：
table种跨行跨列
<td colspan="7"><!-- 跨7列，excel中合并7列为一个单元格 -->
<td rowspan="2"><!-- 跨2行，excel中合并2行为一个单元格 -->
- 特殊字符
671
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
