最简洁 无废话 HTML

最新推荐文章于 2024-07-06 15:23:39 发布
最新推荐文章于 2024-07-06 15:23:39 发布
阅读量68 收藏
点赞数
文章标签： html5 html 爬虫
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51227224/article/details/120240556
版权

HTML

超文本标记式编程语言

1.介绍

  • 专门在浏览器编译与执行

2.作用

  • 将浏览器接收的数据以指定方式在窗口展示

  • 控制浏览器请求行为【前端/后端 重点】

3.语法规范

  • 必须放标签里<>

  • 定义好 不允许自行定义

  • 不区分大小写

  • 属性赋值 可以包含在单双引号 也可以省略 空格隔离

  • 双目 <> </> 结束不可省略

  • 单目标签< /> / 可省略

4.常见标签命令：

<html>
    <!-- 所有HTML标签命令必须声明在<html></html> -->
    <!--<html>包含两个子标签
		<head></head>:设置基础参数信息
		<body></body>:负责通知浏览器 指定内容以指定方式展示
	-->
    <head>:
		<meta charset="GBK"><!--默认GBK-->
	</head>
    <body>
    	<!--<p></p>段落标签-->
        <p>第二段</p>
        <p>第二段</p>

        <!--<h数字></h数字>标题标签 数字越大 标题越小-->
        <h1>标题</h1>
        <h2>标题</h2>

		<!--<ol><li></li></ol>有序列表标签-->
		<ol>
			<li>中国</li>
			<li>美国</li>
		</ol>
		<!--<ul><li></li></ul>无序列表标签-->
		<ul>
			<li>人口</li>
			<li>版图</li>
		</ul>
		<!--嵌套列表标签-->
		<ul>
			<li>中国
				<ol>
					<li>人口</li>
					<li>版图</li>
				</ol>
			</li>
			<li>美国
				<ol>
					<li>人口</li>
					<li>版图</li>
				</ol>
			</li>
		</ul>
		
		<!-- <table><tr><td></td></tr></table>表格标签-->
		<table border="2">
		<!--border 表格线框大小
			align 对齐方式
			-->
			<tr> 
			<!--rowspan 扩充单元格高度
				colspan 扩充单元格宽度
				-->
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>2</td>
				<td>2</td>
			</tr>
		</table>
		<!-- <img/>图片标签
			src 图片路径
			title 鼠标一放图片有信息
			width 图片宽度
			height 图片高度
		-->

		<!-- <font></font> 字体设置
			<conter></conter>居中
			<div></div>小方块
		-->

    </body>
</html>

5.发送请求三要素【背】

5.1 地址

超链接标签命令 默认GET

  • 格式：< a href=“请求地址”>提示信息>

表单域标签命令 有method 填写请求方式 默认GET

  • < form action=“请求地址”>

    ​ < input type=“submit” value=“按钮内容”>

    < /form>

5.2 请求方式
GET请求方式：

​ 携带参数不超过4k

​ 地址栏展示参数信息

​ 参数信息保存在http请求协议包中请求头

​ 收到资源文件 保存在浏览器缓存

POST请求方式：

​ 可以携带任意参数

​ 地址栏隐藏参数信息

​ 参数信息保存在http请求协议包中请求体

​ 收到资源文件 不保存在浏览器缓存

5.3 请求方式适合场景

门户级别的网站拒绝POST请求方式：用户可能发送病毒文件内容服务器进行攻击

某些特殊场景必须POST：文件上传 登录验证请求 实时变化的数据

5.4携带请求参数
请求参数格式：

请求地址?参数名=值&参数名=值

来源：

超链接标签命令

​ < a href=“请求地址?参数名=值&参数名=值”>提示信息>

表单域标签命令

<form action="请求地址">
​		<!-- text文本框 
			password密码框
			radio单选框 name一样
			checkbox多选框 name一样
			file文件
			reset重置-->
​		用户：<input type="text" name="url"><br>
		密码：<input type="password" name="pass"><br>
		性别：男：<input type="radio" name="sex" value="man">
		女：<input type="radio" name="sex" value="woman"><br>
		擅长：<input type="checkbox" name="check" value="java">java:
			<input type="checkbox" name="check" value="c++">c++<br>
		籍贯：<select name="home">
    				<option value="bj">北京</option>
    				<option value="fj">福建</option>
    		</select><br>
    	<textarea name="text" rows="10">
            </textarea><br>
		<input type="file" name="file"><br>
		<input type="submit" value="提交">
		<input type="reset" value="重置">
</form>
表单value默认值

大多数value：空字符串

raido和checkbox：“on” 字符串

表单域作为参数的条件
  • 在form内部
  • 声明name属性
  • raido和checkbox必须满足第三条件 被选中
  • disabled修饰 失去作为参数的资格 标签不可用
  • readOnly 只能看不能改 但是可以作为参数
筑梦##
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html精简总结
YYYYYcici的博客
05-13 446
html精简总结 第一部分 标准属性 新建html网页 打开后基本框架，如下图 <!doctype html > 指定文档类型（可有可无，在网页查看源代码时自动出现） < html> 全文只有一对，为主体，子标签写在内部 < head> 配置属性 < meta > 用来在http协议的响应头报文（属性：name、charset。略复杂，省） &...
HTML的精简概述
HAHAHAHHAHAA的博客
12-13 342
对于HTML的精简概述 HTML全称Hypertext Markup Language，用于搭建网页的结构； 浏览器能够查看、解析的网页都是.html或者.htm文件。（html和htm其实是同类文件，只是因为系统环境问题，限制了后缀长度，才会有.htm，目前流行系统中基本都使用.html） 更新5.0的原因 5.0的出现是为了解决浏览器之间的兼容性问题，文档结构不明确 以及Web的应用程序功能受限。 对于HTML和CSS的关系 HTML是页面的后缀名，也就是网页的格式。 CSS是页面的样式，就是CSS可.
HTML5实现简洁好看的个人主页，个人小站(多种风格附源码)
xcLeigh
05-13 9150
HTML5实现简洁好看的个人主页(个人小站五种风格附源码)，个人主页源码，个人小站源码，五种风格对应五种常用主页菜单，学习类，展示类，制作类，成就类等，界面主题都是以按钮展开延申，展示个人信息，根据不同类型不同显示，对应图片文字可直接修改，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
HTML精简入门
qq_32835305的博客
12-16 266
/* 本文仅仅是为建立基本的html概念，介绍标签基本用法，更多内容请浏览w3cschool官网的 html教程*/ /本文末尾有用于展示标签效果的html代码，可以自行复制到vscode里（不知道的自行百度查教程安装下载），建议一遍对照代码一遍对照网页效果来看/ 用土话土讲来描述html： 标签： 你看到的html里用&amp;amp;amp;amp;amp;lt;&amp;amp;amp;amp;amp;gt;包裹的东西就是标签。标签定义了你如何组织你的内容，比如标签，则...
性能优化系列之『HTML：怎样精简优化HTML的代码结构？』
老__L的博客
01-01 571
性能优化系列之『HTML：怎样精简优化HTML的代码结构？』
HTML精简实用基础知识
Donough★
07-05 148
HTML基础 WEB标准 WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布 （1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准； （2）ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准； HTML HTML 指的是超文本标记语言 (Hy
无废话XML
03-17
"无废话XML"这本书显然以其简洁明了的讲解方式赢得了读者的青睐，它专注于XML的核心概念和实际应用，避免了复杂的理论阐述和冗余的赘述。 XML的结构化特性使其在Web服务、数据交换、配置文件和文档存储等多个领域...
无废话xml(pdf).rar
12-26
"无废话XML"很可能是一份精心编写的PDF教程，旨在提供清晰、简洁的XML学习路径，帮助初学者快速理解这一技术。台湾“两只老虎”创作的这个资源可能以实例驱动、理论与实践结合的方式，介绍了XML的基础语法、命名规则...
《无废话XML》
11-25
《无废话XML》作为一个学习教程，旨在提供简洁明了、直击核心的XML知识，帮助读者快速理解和掌握这一技术。在本文中，我们将深入探讨XML的基本概念、结构、语法以及其在实际应用中的重要性。 XML的设计目标是传输和...
无废话XMLl(PDF)
01-10
"无废话XML"可能指的是一个专注于XML基本概念、语法和实用性的教程或指南，旨在提供清晰、简洁的XML学习资料。 在PDF格式中，这种教程可能包含了以下关键知识点： 1. **XML的基本结构**：XML文档由元素、属性、...
超精简HTML知识整理
m0_46574597的博客
11-25 618
HTML（超文本标记语言，Hyper Text Markup Language） 1.W3C标准 word wide web consortium(万维网联盟） 中立性技术标准结构 结构化标准语言（html，xml） 表现标准语言（css） 行为标准（dom，ecmascript） 2.html基本结构 网页基本标签：<body>、</body>等成对的标签，分别叫开放标签和闭合标签，单独呈现的标签（空元素）为自闭合标签，如<hr/>（水平分割线标签），中的/意为用
制作一个简单HTML静态网页（HTML+CSS）
HTML网页设计
08-02 3632
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒...
JQuery操作form表单
晨曦若梦的博客
12-03 5105
使用JQuery前，先引入JQuery库 <script src="js/jquery-3.3.1.min.js"></script> 提交表单 方式一：JQuery事件，submit()方法 form表单，action属性必需，后台控制页面跳转 <form id="form" action="user/login" method="post"> <i...
HTML笔记（精简）
weixin_46160720的博客
03-08 1171
html 笔记 vscode 前端三大件
html 5个人博客代码模板,5套漂亮的个人博客html模板分享
weixin_30099989的博客
06-08 1万+
今天酷猫网络和大家分享5套漂亮的个人博客html模板，这五套html模板，有国外的，也有国内的，有单栏的，也有大气的，一起来看看。第一套html模板：这是一套大气的博客模板，纯html，顶部，左侧是导航，右侧是内容，内容以比较显著的形式显示，浅黄色的色调，简约，大气。第二套html模板：这是一套单栏博客模板，点开页面，头部是导航，导航下面是大图轮播，接下来是单栏图文结合样式，喜欢单栏的小伙伴们可以...
用HTML做一个简单漂亮的页面
热门推荐
L666Q的博客
07-09 5万+
HTML部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
HTML5使用＜pre＞标签：保留原始排版方式
最新发布
pan_junbiao的博客
07-06 72
在网页创作中，一般是通过各种标记对文字进行排版的。但是在实际应用中，往往需要一些特殊的排版效果，这样使用标记控制起来会比较麻烦。解决的方法就是保留文本格式的排版效果，如空格、制表符等。如果要保留原始的文本排版效果，则需要使用。使用<pre>标签保留原始排版方式。
html登录简洁
06-01
以下是一个简洁的 HTML 登录界面示例： ``` <!DOCTYPE html> <html> 登录 , initial-scale=1.0"> body { background-color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; } ....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值