![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
HTML
一个优雅的搬砖人
猛兽总是独行,牛羊才成群结队。
展开
-
HTML16:HTML总结
原创 2022-01-26 16:13:29 · 287 阅读 · 0 评论 -
HTML15:表单初级验证
为什么要进行表单验证?减轻服务器的压力 保证数据安全性常用方式有三种:placeholder、required、patternplaceholder 提示消息(输入框可用)名字: <input type="text" name="username" placeholder="请输入用户名"/>required 非空校验名字: <input type="text" name="username" required/>原创 2022-01-26 16:12:58 · 370 阅读 · 0 评论 -
HTML14:表单的应用
表单元素可设置的共通属性未设置属性前:隐藏域 hidden密码: <input type="password" name="password" hidden/>只读 readonly密码: <input type="password" name="password" readonly/>禁用 disabled密码: <input type="password" name="password" disabled/.原创 2022-01-26 16:08:33 · 269 阅读 · 0 评论 -
HTML13:表单元素
input 标签文本框 textmaxlength:表示输入内容的最大长度 size:可以设置文本框的初始宽度 value:可以设置文本框的默认值<input type="text" name="username" maxlength="8" size="30" value="小赵"/>原创 2022-01-26 16:02:23 · 615 阅读 · 0 评论 -
HTML12:初始表单post和get提交
表单语法form 的属性说明:method:必要项,规定如何发送表单数据,常用值:get 或 post action:必要项,表示向何处发送表单数据,可以是网站,也可以是一个请求处理地址get 方式提交例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单学习</title></head>原创 2022-01-26 15:41:11 · 2725 阅读 · 0 评论 -
HTML11:iframe内联框架
格式:<iframe src="path" name="mainFrame"></iframe>属性说明:src:引用页面地址name:框架标识名1、内联哔哩哔哩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联框架</title></head><bo原创 2022-01-26 15:29:17 · 1932 阅读 · 0 评论 -
HTML01:初始HTML
HTML Hyter Text Markup Language(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等等W3C 标准W3CWorld Wide Web Consortium(万维网联盟)成立于1994 年,Web 技术领域最权威和具影响力的国际中立性技术标准机构http://www.w3.org/...原创 2022-01-25 16:56:31 · 85 阅读 · 0 评论 -
HTML02:网页基本信息
如图,在 IDEA 中创建一个 html 文件我创建了一个叫 demo 的 html 文件,发现自动生成了一些代码,这些就是网页的基本信息,接下来对这些代码进行说明。DOCTYPE:告诉浏览器要使用什么规范<!DOCTYPE html>head 标签:代表网页头部<head></head>meta 标签:描述性标签,用来描述网站的一些信息,一般用来做 SEO<meta charset="UTF-8"><meta name="key原创 2022-01-25 17:07:17 · 104 阅读 · 0 评论 -
HTML03:网页基本标签
标题标签<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>段落标签<p>车遥遥,马憧憧。</p><p>君游东山东复东,安得奋飞逐西风。</p><p>愿我如星君如月,夜夜流光相皎洁原创 2022-01-25 17:16:59 · 329 阅读 · 0 评论 -
HTML04:图像标签
常见的图像格式JPG GIF PNG BMP ……图像标签格式<img src="path" alt="text" title="text" width="x" height="y" />属性说明:src:图像地址,必选 alt:图像的替代文字,必选title:鼠标悬停提示文字width:图像宽度height:图像高度举例:首先养成良好的习惯,创建一个 resour...原创 2022-01-25 17:26:10 · 168 阅读 · 0 评论 -
HTML05:超链接标签及应用
链接标签格式:<a href="path" target="目标窗口位置">链接文本或图像</a>属性说明:href:链接路径target:指定链接在哪个标签打开, 常用值:_self(默认,在当前标签打开链接) _blank(在新标签打开链接)代码:<!DOCTYPE html><ht...原创 2022-01-25 17:45:53 · 345 阅读 · 0 评论 -
HTML06:块元素和行内元素
块元素无论内容多少,该元素独占一行 p、h1-h6……行内元素内容撑开宽度,左右都是行内元素的可以排在一行 a、strong、em……原创 2022-01-25 17:50:04 · 121 阅读 · 0 评论 -
HTML07:列表标签
什么是列表列表就是信息资源的一种展现形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息列表的分类无序列表 有序列表 自定义列表有序列表<ol> <li>Java</li> <li>Python</li> <li>运维</li> <li>前端</li> <li>C/C++<原创 2022-01-25 17:55:13 · 147 阅读 · 0 评论 -
HTML08:表格标签
为什么使用表格简单便用 结构稳定基本结构单元格 行 列 跨行 跨列表格标签table:表格标签tr:行标签td:列标签colspan:跨列属性,其值代表跨列个数rowspan:跨行属性,其值代表跨行个数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title>&l原创 2022-01-25 18:01:28 · 159 阅读 · 0 评论 -
HTML09:媒体元素
视频元素video音频元素audio属性介绍src:资源路径controls:控制组件 autoplay:自动播放<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>媒体元素</title></head><body><!...原创 2022-01-25 18:10:10 · 1868 阅读 · 0 评论 -
HTML10:页面结构分析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面结构分析</title></head><body><header><h2>网页头部</h2></header><section><h2>网页主体</h2&g...原创 2022-01-25 18:12:20 · 203 阅读 · 0 评论