Javaweb第三十天学习

2022/2/25 1:30:42

编程Tag： 图片属性标签 html 列表 javaweb 第三 -- 十天

本文主要是介绍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

这篇关于Javaweb第三十天学习的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javaweb第三十天学习

相关编程文章