Javaweb第三十天学习

1, html的简介
*什么是HTML?------超文本标记语言,网页语言

**超文本:超出文本的范畴

**标记:HTML所有的操作都是通过标记实现的,标记就是标签<>

**网页语言:

--html文件后缀是.html 或者是.htm

**直接通过浏览器访问文件地址就可以打开。

HTML规范:
1, 一个HTML文件都有一个开始和一个结束的标签

----<html> </html>

---HTML包含两部分

<head>设置相关信息</head> 头 <bady> 显示的内容都写在这里</bady> 体

---HTML有开始也有结束标签

---有一些标签并没有结束标签 比如<br/>换行

HTML操作思想
网页中又很多数据,不同的数据需要不同的显示效果,这是需要使用标签,用标签将数据包装起来,然后通过使用修改标签的属性值来修改数据的显示形式。

一个标签相当于一个容器。

HTML中常用的标签
1 文字标签 <font>

属性 *size 文字大小 取值范围1-7

* color文字颜色 1 英语单词 red blue black yellow

2 使用十六进制数表示 #加上六位十六进制数表示

2 注释标签

<!--> < -->

3 标题标签

<h1> </h1> ….. <h6> </h6> 以此变小,自动换行

4 水平线标签

<hr size = 1-7 color = red></hr> 属性 *size 粗细

*color 颜色

6 列表标签**
<dl></dl> 列表的范围

<dt> </dl> 上层内容

<dd> </dd> 下层内容

 

有序列表标签:

1) <ol> </ol> 有序列表的范围 ,有属性 type 可以取 1,a,i

2) Ol里面的标签<li> 具体内容</li>

无序列表标签

1) <ul> 列表范围 </ul> 属性type 空心圆 circle,实心圆 disc(默认) ,实心方框 square

2) <li> 列表内容 </li>

7 图片标签
<img src=”图片路径”/>

--属性: width 宽 height 高 alt 图上的文字—需要把鼠标停留在图片上

--路径的介绍

绝对路径----str=”图片的完整的地址”

相对路径:1 图片与文件在同一个目录,直接用文件名就可以了

2 图片在文件的同层目录的下层目录中,可以用 文件名\...\图片名

3 图片地址在文件的上层目录中可以使用 ../../\图片名

8 超链接标签

--*链接标签

<a href=”转到的路径”> 显示在页面上的内容</a>

--href 转到的路径 当设置为 #时候什么也不打开什么也不写的话默认打开文件夹

--target 设置打开的方式默认当前页打开

*_blank : 在新窗口打开

--_self : 当前页打开 (默认)

9 定位资源

<a name=”top”>定位</a> 定位

<a href=”#top”> 回到顶部</a> 回到所定的位置

10 表格标签

<table></table>: 表示表格的范围

Table 里面有 <tr> </tr> 属性: align 取值 left center right 对齐方式

Tr 里面有<td> </td> 属性: align 取值 left center right 对齐方式

<th></th> 与td 区别是可以加粗字体并且居中

--首先定义一个表格的范围使用table ,定义一行使用 tr 在每一行里有单元格使用td

颜色

<tableborder="1" width= "555" heigh ="333" bordercolor= "red " cellspacing="0">

宽 与高

单元格取消框

 

粗细

 

表格标题标签<caption>标题内容</caption>

 

合并单元格

--跨行 :rowspan

--跨列 :colspan

上一篇:JS浏览器对象模型(BOM)windows对象


下一篇:java商城源码(servlet,springboot,html,vue,uniapp,小程序,android)一套任意组合