HTML，冲鸭

最新推荐文章于 2024-07-18 15:09:01 发布

重新开始的洛

最新推荐文章于 2024-07-18 15:09:01 发布

阅读量390

点赞数

分类专栏： java入门学习文章标签： html css

本文链接：https://blog.csdn.net/qq_42915159/article/details/122842094

版权

学习同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

java入门

21 篇文章 0 订阅

订阅专栏

HTML

一.HTML标签

1.1.结构化标签

<html>:根标签
	<head>：网页头标签
		<title></title>:页面的标题
	</head>
<body></body>：网页正文
</html>
<!--当出现乱码时，在<head></head>之间添加
    <meta http-equiv= "Content-Type" content= "text/html;charset = utf-8"/>
-->

属性

text ->文字颜色
bgColor ->背景色
background ->背景图片

举例

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body text="red"  background="picture/001.jpg">
	</body>
</html>

1.2.排版标签

可用于实现简单的页面布局

注释标签：

换行标签：< br>

段落标签：< p>文本文字

特点：段与段之间有空行

属性：align对齐方式(left、center、right)

水平线标签:< hr/>

属性: width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示)

size: 水平线的粗细 (像素表示，例如：10px)

color:水平线的颜色 align:水平线的对齐方式

1.3.文字标签

font标签

属性

size 设置字体大小从1到7
color 设置字体颜色
face 设置字体样式

文字格式化标签

b < b> 粗体标签

strong < strong> 加粗

em < em> 强调字体

i < i> 斜体

small < small> 小号字体

big < big> 大号字体

sub < sub> 上标标签

sup < sup> 下标标签

del < del> 删除线

1.4.标题标签

h1

一级标题

h2

二级标题

h3

三级标题

h4

四级标题

h5

五级标题

h6

六级标题

1.5.列表标签

无序列表

<ul title="disc">
	<li></li>
</ul>
<!-- disc 圆点 -->
<!-- square 正方形 -->
<!-- circle 空心圆 -->

有序列表

<ol type="1" start="3">
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
</ol>

start 表示从哪里开始

1 数字类型 < ul type=“1”>< /ul>

A 大写字母类型 < ul type=“A” >< /ul>

a 小写字母类型 < ul type=“a”>< /ul>

I 大写古罗马 < ul type=“I”>< /ul>

i 小写古罗马 < ul type=“i”>< /ul>

1.6.图形标签

在网页上插上图片
<img/

src 引入图片的地址

width 图片的宽度

height 图片的高度

border 图片的边框

align 与图片对齐显示方式

alt 提示信息

hspace 在图片左右设定空白

vspace 在图片的上下设定空白

1.7.链接标签

在页面中使用链接标签跳转到另一页面
标签： < a href="">< /a>
属性：href:跳转页面的地址(跳转到外网需要添加协议)

指向同一页面中指定位置
定义位置： < a name=“名称”>< /a>
指向： < a href="#名称">< /a>

设置跳转页面时的页面打开方式，target属性

_blank在新窗口中打开
_self在原空口中打开

1.8.表格标签

>普通表格

<table>
	<tr><!--行-->
        <td><!--列--></td>
    </tr>
</table>

表格的列标签th:让内容加粗居中

<table>
	<tr>
        <th></th>
    </tr>
</table>

表格的列合并属性

<table>
	<tr>
		<td colspan=""></td>
	</tr>
</table>

表格的行合并

<table>
	<tr rowspan="">
		<td></td>
	</tr>
</table>

二.HTML表单

2.1.form元素常用属性

action 表示动作，值为服务器的地址，把表单的数据提交到该地址上处理
method:请求方式：get 和post
get
地址栏,请求参数都在地址后拼接 path?name=“张三”&password="123456
不安全
效率高
get请求大小有限制，不同浏览器有不同，但是大约是2KB；一般情况用于查询数据

post
地址栏：请求参数单独处理。
安全可靠些
效率低
post请求大小理论上无限；一般用于插入删除修改等操作

enctype:表示是表单提交的类型
默认值：application/x-www-form-urlencoded
multipart/form-data

2.2.input元素（重点）

可以根据不同的type的值呈现为不同的状态

属性值	描述	代码
text	单行文体框	< input type=“text”/>
password	密码框	< input type=“password”/>
radio	单选按钮	< input type=“radio”/>
checkbox	复选框	< input type=“checkbox”/>
date	日期框	< input type=“date”/>
time	时间框	< input type=“time”/>
datetime	日期和时间框	< input type=“datetime”/>
email	电子邮件输入	< input type=“email”/>
number	数值输入	< input type=“email”/>
file	文件上传	< input type=“file”/>
hidden	隐藏域	< input type=“file”/>
range	取值范围	< input type=“range”/>
color	取色按钮	< input type=“color”/>
submit	表单提交按钮	< input type=“submit”/>
button	普通按钮	< input type=“submit”/>
reset	重置按钮	< input type=“reset”/>
image	图片提交按钮	< input type=“reset”/>

2.3.select元素（下拉列表）

单选下拉列表：< select>< /select>
默认选中属性：selected=“selected”

<select>
	<option selected="selected">内容</option>
		...
	<option></option>
</select>

多选下拉列表属性： < select>
多选列表：multiple=“multiple”

<select multiple="multiple">
	<option></option>
</select>

2.4.textarea元素（文本域）

多行文本框：< textarea cols=“列” rows=“行”>< /textarea>

2.5特殊字符

占位符：空格  -&nbsp;

重新开始的洛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML，冲鸭

HTML一.HTML标签1.1.结构化标签<html>:根标签 <head>：网页头标签 <title></title>:页面的标题 </head><body></body>：网页正文</html><!--当出现乱码时，在<head></head>之间添加 <meta http-equiv= "Content-Type" content= "text
复制链接

扫一扫