7.15 Java学习——html

最新推荐文章于 2025-06-04 11:22:09 发布

ccwu666

最新推荐文章于 2025-06-04 11:22:09 发布

阅读量445

点赞数

CC 4.0 BY-SA版权

文章标签： html java

本文链接：https://blog.csdn.net/qq_55116663/article/details/118758167

本文详细介绍了HTML的基本概念和常用标签，包括如何创建HTML文件、预览效果、元素、属性、注释、基本元素如段落、标题、图像、超链接、表格、列表等，并涉及表单元素和样式修饰。此外，还讲解了GET和POST提交方式的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

概念

记事本写

步骤 1 : 新建文本文档.txt
步骤 2 : 直接在该文本文件中写html代码
步骤 3 : 把文件的后缀名改成html
步骤 4 : 双击该文件
步骤 5 : 使用记事本修改
步骤 6 : 预览效果

中文问题

加上编码设置：采用GB2312或者UTF-8

元素

html元素body元素以及内容

属性

用来修饰标签

居中标题

align属性名

center属性值

属性值用双引号括起来

注释

html用注释

基本元素

段落

《p》《/p》有划分段落的作用

粗体

b标签，strong标签

斜体

i标签，em标签

预格式

《pre》更好显示代码

《/pre》

删除

del标签

s标签

下划线

ins标签

u标签

图像

大小

width="" height=""

位置

div标签加上align属性

图片替代

如果图片不存在显示不存在的提示

alt属性alt=“这是一个图片”

超链

超链接

新增属性target在新的页面打开超链接

http://www.12306.cn

title属行：鼠标放上去会有弹出文字提示

www.12306.com

使用图片作为超链接

<img

src=“https://i-blog.csdnimg.cn/blog_migrate/9e6ba7eee76e2b77b71402d70cc7561b.gif”/>

表格

table标签

tr标签一行

td标签列

1	2
3	4

a b

border属性;带边框的表格

table标签里的width属性：px像素：总的表格宽度

td标签里的width：某一个格子的宽度
1、=“11XP”实际大小
2、=“80%”占总表格的宽度

另一个格子的宽度有其他两个的宽度决定

属性valign单元格垂直对齐

设置td的属性colspan：横跨两列，水平合并

设置td的属性rowspan:横跨两行，竖直合并

设置tr或者td的属性：bgcolor

列表

有序：

<``ul``>
<``li``>DOTA</``li``>
<``li``>LOL</``li``>
</``ul``>

无序：

<``ol``>``<``li``>地卜师</``li``>``<``li``>卡尔</``li``>``</``ol``>

块div span

本身看不出任何的效果

div可以自动换行是块元素

span不能够自动换行是内联元素

同一个div标签下可以设置相同的东西。比如设置两张图的位置让那个两张图位置相同，不需要一个一个设置

字体

font标签属性:color和size

十六进制颜色值

内联框架

标签：iframe

表单元素

文本框

<``input` `type``=``"text"``>

size 长度

value有初始值

placeholder背景提示文字

密码框

<input` `type="password">

表单

《form

action=“提交到的网址”

method=“get”

常用的提交数据的方式“get的一个特点是可以在浏览器的地址栏看到提交的参数

method=“post”

提交数据；不会在地址栏显示参数；如果二进制数据必须用

get和post的区别

get
是form默认的提交方式
如果通过一个超链访问某个地址，是get方式
如果在地址栏直接输入某个地址，是get方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据，比如上传文件
post
必须在form上通过 method=“post” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据，比如上传文件

单选框

单选1《input type=“radio”

checked=“checked”》默认选中

需要一堆单选只能选一个，一个选定另一个就不能选定：用name属性设置成一个活动

复选框

《input =“checkbos”》

下拉列表

1 2

size:设置高度

multiple设置可以多选

selected默认选中

文本域

abc
efcefce

cols列数

rows行数

普通按钮

普通按钮是不能够提交的要结合表单进行操作

提交按钮

input` `type``=``"submit"` `value``=``"登陆"

账号：
密码：

图像提交

<``input` `type``=``"image"` `src``=``"https://i-blog.csdnimg.cn/blog_migrate/9e6ba7eee76e2b77b71402d70cc7561b.gif"``>