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

HTML标签

 标签的格式:

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

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

1.标签名大小写不敏感

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

单标签:<标签名/>

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

标签语法:

1.标签不能够交叉嵌套

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

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

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

2.标签要正确的关闭

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

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

例如:

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

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

4.注释不能够嵌套

常用标签的介绍

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

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

color属性修改颜色;

face属性修改字体;

size属性修改字体的大小;

2.特殊字符

常用的特殊字符

<对应的是&lt %20 %20>对应的是&gt;

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

3.标题标签

从h1到h6六种标签

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

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

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

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

超链接

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

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

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

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

href是设置连接的地址,target=“_self”表示当前窗口(默认)

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

列表标签

列表标签分为三种:无序列表,有序列表,定义列表

<ul>表示无序

<ol>表示有序

添加网页图片

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

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

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

相对路径: %20 %20. %20 %20 表示当前文件所在目录;

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

表示方法分别为:./../

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

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

width是设置图片的宽的

height是设置图片的高的

border是设置图片的边框的

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


版权声明:本文为weixin_64311506原创文章,遵循%20CC%204.0%20BY-SA%20版权协议,转载请附上原文出处链接和本声明。