HTML基础

最新推荐文章于 2022-07-27 18:33:48 发布

Darcy_fx

最新推荐文章于 2022-07-27 18:33:48 发布

阅读量159

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Darcy_fx/article/details/113837632

版权

HTML

概念

HTML是Hyper Text Markup Language(超文本标记语言)的缩写，HTML是构建Web内容的一种语言描述方式。

HTML书写规范

HTML标签是以尖括号包围的关键字
HTML标签通常是成对出现的，有开始就有结束
HTML通常都有属性，格式:属性＝‘属性值’(多个属性之间空格隔开)
HTML标签不区分大小写,建议全小写

HTML基本标签

结构标签

<html>:根标签       
    <head>网页头标签
   		<title></title>标题      
    </head>      
    <body></body>：网页正文
</html>

text     < body text="#ffffff"></ body>    设置网页正文中所有文字的颜色
bgcolor   < body bgcolor="red"></ body>  设置网页的背景色
background   < body background="1.png"></ body>  设置网页的背景图

注意：颜色的表现方式

第一种方式：用表示颜色的英文单词，例，red
第二种方式：用16进制表示颜色，例，#000000 #ffffff

排版标签

换行标签：< br>
段落标签：< p>文本文字</ p>
- 属性：
- align对齐方式( left(左对齐)、center（居中）、right（右对齐）)
水平线标签:< hr/>
- 属性:
- width：水平线的长度(像素表示或百分比表示)
- size: 水平线的粗细 (像素表示)
- color:水平线的颜色
- align:水平线的对齐方式

块级标签

div   < div></ div>   行级块标签，独占一行，换行
span  < span></ span>  行内块标签，所有内容都在同一行

文字标签

size   < font size="7"></ font>   用于设置字体的大小，最小1号，最大7号
color  < font color="#ffffff"></ font>  用于设置字体的颜色
face  < font face="宋体"></ font>  用于设置字体的样式

文本样式标签

b < b></ b> 粗体标签
strong < strong></ strong> 加粗
em < em></ em> 强调字体
i < i></ i> 斜体
small < small></ small> 小号字体
big < big></ big> 大号字体
sub < sub></ sub> 上标标签
sup < sup></ sup> 下标标签
del < del></ del> 删除线

标题标签

<h1></h1>   1号标题，最大字号
.
.
.
<h6></h6>   6号标题，最小字号

列表标签
无序列表：使用一组无序的符号定义

属性: circle  空心圆  |  disc   实心圆  |  square  黑色方块
<ul type="circle">
    <li></li>
</ul>

有序列表：使用一组有序的符号定义

属性: 1   数字类型 | A   大写字母类型  | a   小写字母类型  | I  大写古罗马  |  i   小写古罗马
<ol type="a" start="1">
    <li></li>
</ol>

图形标签

在页面指定位置处中引入一幅图片， < img />

属性：
src引入图片的地址
width图片的宽度
height图片的高度
border图片的边框
align与图片对齐显示方式
alt提示信息
hspace在图片左右设定空白
vspace在图片的上下设定空白

链接标签

1.在页面中使用链接标签跳转到另一页面： < a href="">< /a>

2.设置跳转页面时的页面打开方式

target属性：

_blank在新窗口中打开

_self在原空口中打开

3.指向同一页面中指定位置

定义位置：< a name=“名称”>< /a>

指向： < a href="#名称">< /a>

表格标签

普通表格(table,tr,td)

<table>
	<tr>
		<td></td>
	</tr>
</table>

表格的列标签(th)：内容有加粗和居中效果

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

表格的列合并属性(colspan)：在同一行内同时合并多个列

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

表格的行合并属性(rowspan)：在同一列跨多行合并

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

HTML表单标签

html表单用于收集不同类型的用户输入数据

form元素常用属性

action表示动作，值为服务器的地址，把表单的数据提交到该地址上处理
method:请求方式：get 和post
get:地址栏，请求参数都在地址后拼接，get请求不安全，效率高，而且get大小有限制
post：地址栏，请求参数单独处理，post请求安全，效率低，post请求大小没有限制

input元素

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=“number”/>
file 文件上传 < input type=“file”/>
hidden 隐藏域 < input type=“hidden”/>
range 取值范围 < input type=“range”/>
color 取色按钮 < input type=“color”/>
submit 表单提交按钮 < input type=“submit”/>
button 普通按钮 < input type=“button”/>
reset 重置按钮 < input type=“reset”/>
image 图片提交按钮 < input type=“image”/>

select 元素

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

<select>
    <option selected="selected"></option>
</select>

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

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

textarea元素

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

特殊字符

占位符：空格 | &nbsp;

Darcy_fx

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

HTML概念HTML书写规范HTML基本标签HTML表单标签概念HTML是Hyper Text Markup Language(超文本标记语言)的缩写，HTML是构建Web内容的一种语言描述方式。HTML书写规范HTML标签是以尖括号包围的关键字HTML标签通常是成对出现的，有开始就有结束HTML通常都有属性，格式:属性＝‘属性值’(多个属性之间空格隔开)HTML标签不区分大小写,建议全小写HTML基本标签结构标签<html>:根标签 <hea
复制链接

扫一扫