HTML-常用标签,列表,表单

乖邪

已于 2022-03-25 10:05:02 修改

阅读量856

点赞数 3

分类专栏：学习笔记文章标签： html

于 2022-03-16 16:55:43 首次发布

本文链接：https://blog.csdn.net/weixin_47932956/article/details/123518770

版权

学习笔记专栏收录该内容

12 篇文章 1 订阅

订阅专栏

HTML是什么

HTML的全称为超文本标记语言，是一种标记语言标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本标记语言

超文本：不仅可以用来描述文字，还能用来描述图像，音频，视频，超链接等等

标记：类似于java的关键字，即HTML中的标签有一些预定义的含义

HTML能做什么

HTML是用来做前端页面的，一个网站的主体部分，所有的网站都需要使用HTML标签来进行修饰

CSS主要用来美化网站

JS动画与效果，用于前后端来进行交互

HBuilder开发工具的使用

下载

https://www.dcloud.io/hbuilderx.html

创建web项目

HTML中的常用标签

结构化标签

属性：

text 表示设置网站内容字体的颜色

bgcolor 表示网站内容的背景的颜色

background 设置网站内容的背景图片

排版标签

<！--注释的代码--> 注释快捷键：ctrl+shift+/

<br/> 换行标签

<p></p> 段落标签

<hr/> 水平线

属性:

width 宽度

color 颜色

size 粗细

align 对齐方式 (left 左 center 居中 right 右)

字体标签

<font></font> 标签名字

属性:

size 字体大小

color 字体颜色

face 字体类型

<big></big> 大字体标签

<small></small> 小字体标签

<sup></sup> 上标标签

<sub></sub> 下标标签

<del></del>删除标签

加粗斜体

<b></b> <strong></strong> 加粗

<em></em> <i></i> 斜体

标题标签⭐

<h1>...</h1>至<h6></h6> 标题标签(特点:字体逐渐变小)

图像标签⭐

<img/> 图像标签

属性:

src 表示图片的路径

width 图片的宽度

height 图片的高度

title 鼠标移入图片的提示信息

alt 表示图片加载错误的文件提升信息

注意图像的名称和尺寸是以属性的形式提供的

超链接⭐

<a></a> 超链接

属性:

href 表示跳转的路径（即在href属性中指定链接的地址）

trget 页面打开的方式(-blank 新建一个窗口打开页面;-self 在当前窗口打开页面)

列表⭐

无序列表

解释:

<ul> 表示的是无序列表

属性:

type 设置列表的前缀

circle 空心圆圈

disc 实心圆圈

square 实心方块

<li> 表示的是无序列表的每一个条目

有序列表

解释:

<ol> 表示就是有序列表

属性:

type 设置列表的前缀

<li> 表示的是有序列表的条目

定义列表

解释:

<dl></dl> 表示的就是定义列表

<dt></dt> 表示的是定义列表的分类

<dd></dd> 表示的是定义列表分类的条目

表格⭐

<table> 表格

属性:

border 边框

width 宽度

align 对齐方式

bgcolor 背景颜色

cellspacing 边框与边框之间的间距

cellpadding 边框与内容之间的间距

colspan 跨列

rowspan 跨行

<tr> 行

<td> 单元格

也能用属性

<th> 表头

form表单⭐

使用场景

A. 大部分网站的注册界面以及登录

B.需要向服务器提供数据

作用

主要用用于来收集用户的数据将数据保存服务器中 ( 得用户者得天下 )

组成部分

1.form容器

action 表单提交的地址

method 提交的方式

get 明文进行提交数据不安全

post 密文进行提交数据安全

enctype 表示提交的数据的类型

application/x-www-forn-urlencoded 以普通的文本进行提交

multipart/form-data 支持文件进行提交

2.输入框

不同的输入框只需要设置不同的 type 属性值

text 普通文本

password 密码框

radio 单选按钮 (单选按钮name属性值都必须是一样)

checkbox 多选按钮 (多选按钮name属性值都必须是一样)

number 数值框 (min最小值 max最大值 step波长 value默认值)

range 滑块 (min最小值 max最大值 step波长 value默认值)

file 文件

search 搜索框

color 颜色

email 邮箱

date 年月日

datetime-local 年月日时分

week 周

month 年月

submit 提交

reset 重置

button 普通的按钮与js进行搭配使用

3.提交按钮

学习网站

https://www.w3school.com.cn/

下面列出了适用于大多数 HTML 元素的属性：

class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

完整的HTML属性列表: 编程入门教程_名企面试真题面经_牛客网_牛客网互联网校招面试求职必备宝典，覆盖了众多互联网IT名企的面试真题，上万篇面经汇总合集，包含Java，c++，算法/机器学习，测试，前端，产品，运营等方向，覆盖腾讯/阿里/百度/字节跳动/网易/京东/美团/滴滴/华为/小米/google/字节跳动/携程/360/搜狗/新浪/微软/去哪儿等公司。https://www.nowcoder.com/tutorial/10007/c2b43b77ba7147f1b54fff2cd4783c80

乖邪

关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
HTML-常用标签,列表,表单

HTML--常用标签,列表,表单--学习笔记
复制链接

扫一扫

专栏目录

HTML-常用标签,列表,表单

HTML是什么

HTML能做什么

HBuilder开发工具的使用

下载

创建web项目

HTML中的常用标签

结构化标签

排版标签

字体标签

加粗斜体

标题标签⭐

图像标签⭐

超链接⭐

列表⭐

无序列表

有序列表

定义列表

表格⭐

form表单⭐

使用场景

作用

组成部分

学习网站

“相关推荐”对你有帮助么？