学习JavaWeb的第二天(关于标签，超链接，图片的相关知识）

HTML标签

 标签的格式：

<标签名>封装数据</标签名>

关于标签需要注意的两点内容：

1.标签名大小写不敏感

2.标签分为单标签和双标签

单标签：<标签名/>

双标签：<标签名>...封装数据...</标签名>

标签语法：

1.标签不能够交叉嵌套

例如：<div><span>......</div></span>是错误的示范

<div><span>......</span><div>正确

但是在IDEA中并不会体现出这种错误，这是软件在执行的过程中自动修复的一种情况，但是最好还是要按照规定来写。

2.标签要正确的关闭

<div>就是没有正确关闭的一种情况

3.属性要有值，属性值要加引号

例如：

<font color="blue">标签</font>

如果引号中没有值或为空值，系统将会改为默认值为黑色，如果属性值不加引号网页的显示还是与加引号的效果一样，但是根据规范还是加上符合规范。

4.注释不能够嵌套

常用标签的介绍

1.font字体标签   用于规范文本字体，字体的尺寸包括字体的颜色

<font  color="  ",face=" " ,size=" ">

color属性修改颜色；

face属性修改字体；

size属性修改字体的大小；

2.特殊字符

常用的特殊字符

<对应的是&lt    >对应的是&gt；

HTML会拆掉文档中多余的空格，若有10个空格，在网页显示中只会显示一个空格，要想加入多个空格要输入多个&nbsp

3.标题标签

从h1到h6六种标签

h1是最大的标签，h6是最小的标签

之后要是出现h7以后的系统将会将其变成默认值大小

align是设置其对齐方式的一种操作

<h1 align="left">是设置其左对齐的一种方式，若要改为右对齐只需将引号里的值改为right或者center来设置其不同的对齐方式

超链接

*超链接属于网页制作中相对重点的内容

制作超链接的标题<a></a>

例如制作百度的超链接<a>百度</a>,但是创作出来的并不能点击，要添加网址

<a href="http://www.baidu.com">百度</a>就可以实现跳转了

href是设置连接的地址，target=“_self”表示当前窗口（默认）

target是设置哪个目标进行，target="_black"表示打开新页面进行跳转

列表标签

列表标签分为三种：无序列表，有序列表，定义列表

<ul>表示无序

<ol>表示有序

添加网页图片

显示图片<img src=" "/>

img标签是图片标签，用来显示图片，src后面设置图片的路径

在web中路径分为相对路径和绝对路径两种

相对路径：    .     表示当前文件所在目录；

.  .      表示当前文件所在上一级目录

表示方法分别为：./和../

绝对路径：格式是http://ip:port/工程名/资源路径；

写成  盘符/目录/文件名是错误的形式

width是设置图片的宽的

height是设置图片的高的

border是设置图片的边框的

alt：" "设置当指定路径找不到图片时用引号中的文本代替图片的内容。