HTML各种标签快速复习

最新推荐文章于 2024-05-18 13:23:56 发布
最新推荐文章于 2024-05-18 13:23:56 发布
阅读量159 收藏
点赞数
分类专栏： 前端基础 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49400568/article/details/119154666
版权

HTML各种标签

<!DOCTYPE html> 					以html的方式去解析网页，一般不写也可以默认html

<head>								html头部内容
<meta> 								存放主要信息
charset你懂得
具有name与content可以作为键值对存放信息，可以通过此方式来进行SEO（搜索引擎优化）

<tile> 网页头部显示

<h1> ------- <h6> 					标题标签可以加粗，加回车

<p> 								段落标签，自动换行

<hr/>								横线标签

<br/>								换行标签

&npbs;								空格

<strong> 							粗体
	
<em> 								斜体

<img> 								图片标签
src图片地址，相对绝对都可以
alt当图片无法加载的时候显示的文字
title指针悬停在图片的时候显示的内容
height、width你懂得

<a> 								超链接标签
href连接地址
target在那个窗口打开
	_self							当前窗口
	_blank							新窗口
锚链接
通过a标签的name先在一个位置定锚，
然后通过href的值通过加“#锚的name”
可以实现页面间跳转，也可以实现页面外的定点跳转

功能链接：
邮箱链接
	写在href里面
	mailto:邮箱地址
QQ推广，自己百度

块元素：
一个标签独占一行（块）
<hx> <p> 等
行内元素：
一个标签可以与其他标签共行
<em> <strong>等	

<!-- 有序列表 -->
<ol>						有序列表
有123456
<ul>						无序列表
只有点点点
两个列表里面都加<li>加东西

<dl>						自定义列表
	<dt>列表名字
	<dd>列表内容
	
<!-- 表格 -->
<table>						表格标签
具有border属性添加边框
	<tr>					行标签
	<td>					列标签写在行标签里面
	colspan跨列占格子
	rowspan跨行占格子
	
<!-- 音频和视频 -->
<vedio>						视频标签
src你懂得
controls 控制开关条
autoplay 自动播放

<audio>						音频标签
src你懂得
controls 控制开关条
autoplay 自动播放

<!-- 页面结构 -->
<header>  	头部
<footer>	底部
section		一块独立的区域
article 	独立的文章内容
aside		侧边栏
anv			导航类辅助内容


<!-- 内联框架 -->
<iframe>					内联框架
src
width
height
name 给这个标签加个名字
可以通过a标签跳转来实现控制框架内部的显示

<!-- 表单 -->
<form>						表单标签
method方式
action向那个地方发送请求

<input>
type设置输入框类型
	text
	password
	submit	提交
	reset	重置
	radio	单选框
	checkbox多选框
	button	按钮
	image	图片可以跳转
value元素的初始值
maxlength最大位数

<!-- 下拉框 -->
<select>				下拉框标签
返回键值对
name	key的值
<option>				其中选项的标签
value	value的值

<!-- 文本域 -->
<textarea>				文本域标签

<!-- 文件域 -->
<input>里面的type写为file

input里面类型
type
email邮箱
url地址
number数字
range滑块
search搜索框

<!-- 表单某些限制功能 -->
hidden 隐藏，把当前这个input隐藏起来，前端看不见，但是存在，可以具有默认值
readonly 字面意思，只读
disable 禁用
placeholder 提示信息
required 必须非空
pattern 必须符合所给出的正则表达式的要求

<label> 				label标签，具有一个for属性可以鼠标点击然后指向这个地方
猫毛已经快要掉光的小猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML零基础，快速学习／复习
qq_43505188的博客
01-13 129
超链接可以是一个字，一个词，或者一组词，一幅图，通过点击这些内容来跳转到指定的界面，当鼠标移动到超链接上时，箭头会变为一只小手。其作用是定义关于文档的信息。原理：坐标（以图片的右上角为坐标原点，向右为x轴，向下y轴，单位为像素，可以用ps测量）其中justify是对行进行伸展，这样每行都可以有相等的长度。其作用是告知浏览器其自身是一个 HTML 文档。定义文档的主体，我们所敲得代码主要在这里面。目的：点击图像的不同位置，跳转至不同的界面。下面这个是原图，感兴趣可以自己试一下。前，定义文档类型，大小写均可。
HTML5 语法知识总结 思维导图
10-22
适用于HTML5期末考试的一个快速复习 适用于快速查找与记忆HTML5大量标签的同学 适用于忘了某些标签，想快速查看的同学 适用于喜欢阅读思维导图的同学 使用场景： 个人复习 记忆 回顾HTML5的所有语法与标签 阅读...
HTML快速复习
weixin_57604284的博客
10-28 876
目录 !DOCTYPE声明 头部head 标题title标记 元信息meta标记 主体body 标题 分割线 段落 加粗倾斜下划线 文字加删除线 预编译标签 换行 实体字符 多媒体标签 超链接 设置锚点 列表标签 表格标签 框架 框架集合 form表单 模拟百度搜索 表单元素 文本框 密码框 单选按钮 多选按钮 文件 隐藏域 普通按钮 特殊按钮 下拉列表 多行文本框 label标签 提交按钮 HTML5新增的一些type类...
1、HTML快速简单复习
guanhang89的专栏
04-25 562
头信息 常用标签 实体标签 媒体标签 超链接 图片 table 一个表格案例 一个表单案例 头信息<html> <!-- 头信息的作用 1. 可以设置网页的标题。 2. 可以通知浏览使用指定的码表解释html页面. --> <head> <meta http-equiv="content-type" content="text/html;charset=utf
HTML复习
alwishicometrue的博客
11-29 221
html：超文本标记语言，标记就意味着标签，所以核心就是学会各种标签。 今天学到了这个标签，还蛮有用的 1.结构标签 2.文字标签 3.表单标签
HTML标签复习
m0_61108344的博客
04-02 96
一：HTML 1：标题标签 文字加粗，字号变大（h1到h6依次递减），独占一行 <h1></h1> <h2></h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> 2：段落标签与换行标签 段落标签之间留有较大的空隙，但换行标签之后不会留有空隙； 段落标签：<p></p> 换行
HTML常用标签复习
weixin_56817537的博客
03-10 264
HTML常用标签复习，适用于有基础的同学回头快速复习
PinPKM-V201525（官网发布的最后一个免费无使用限制版本）
11-08
文档可以按分类、标签、附件等各种方式进行归类整理 2.1 一个文档可以设置多个分类、多个标签 2.2 一个文档可以附加多个附件 3. 知识体系 知识体系可以随时修改，而不受文件打开影响 4. 收集资料 4.1导入已有的...
针式PinPKM-V201506（免费无使用限制）
10-18
文档可以按分类、标签、附件等各种方式进行归类整理 2.1 一个文档可以设置多个分类、多个标签 2.2 一个文档可以附加多个附件 3. 知识体系 知识体系可以随时修改，而不受文件打开影响 4. 收集资料 4.1导入已有的...
基于HTML5和CSS3搭建一个Web网页（二）
阿常的博客
05-18 1886
基于HTML5和CSS3搭建一个Web网页，实现汉堡菜单按钮，以及导航栏的响应式设计。
VB学生档案管理系统设计与实现.rar
05-28
计算机专业毕业设计VB精品论文资源
debugpy-1.6.3-cp37-cp37m-win_amd64.whl
最新发布
05-28
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
基于ssm的学生宿舍报修管理系统
05-28
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我v:19306446185 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ https://img-blog.csdnimg.cn/direct/e73dc0ac8d27434b86d886db5a438c71.jpeg
cryptography-42.0.1-cp37-abi3-musllinux_1_1_x86_64.whl
05-28
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
sja1300.x86_64.tar.gz
05-28
SQLyong 各个版本，免费下载 SQLyog是业界著名的Webyog公司出品的一款简洁高效、功能强大的图形化MySQL数据库管理工具。使用SQLyog可以快速直观地让您从世界的任何角落通过网络来维护远端的MySQL数据库。
python快速复习
10-11
Python是一种高级编程语言，具有简单易学、可读性强、功能强大等特点。以下是Python的一些基础知识点： 1. Python的数据类型包括数字、字符串、列表、元组、字典等。 2. Python支持多种运算符，包括算术运算符、...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值