HTML
文章平均质量分 62
HTML基础
Alan_Lowe
世上没有白走的路,每一步都算数!——狂神
展开
-
HTML通过JavaScript表单验证
HTML通过JavaScript表单验证用户在填写表单的时候,我们程序对其进行验证是必须的,随便举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <script> function Check(){ var x = document.原创 2021-08-13 14:36:16 · 301 阅读 · 0 评论 -
HTML、CSS学习总结
HTML、CSS学习总结暑假的网页学习终于过完了一个小的阶段,但是其实学习的进度是特别慢的,因为平时也有去玩,打游戏,打打ACM暑期多校(虽然大部分的场次都是签到然后光速罚坐,甚至还签不上到,被自己菜哭),试着用java写程序,因为以前一直都是用C++去参加比赛,但是最近想着去试试Java。HTML和CSS的话,学的都是一些简单常用的东西,说实话学的还是挺认真的,博客也写了40多篇了,但是学的不彻底,而且感觉很多东西学完就忘。本来打算7月底之前学完HTML和CSS的,这算是拖了10天了,明天开始准备学原创 2021-08-10 01:17:19 · 269 阅读 · 3 评论 -
HTML|内联CSS-文本对齐方式
HTML|内联CSS-文本对齐方式可以使用text-align属性设置文本的水平方向对齐方式水平方向:left左对齐right右对齐center居中对齐justify两端对齐<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联CSS-文本对齐方式</title></head><body&g原创 2021-07-23 22:24:27 · 592 阅读 · 0 评论 -
HTML|内联CSS-背景和字体
HTML|内联CSS-背景和字体CSS (Cascading Style Sheets) 用于渲染 HTML 元素标签的样式。CSS 是在 HTML4 开始使用的,是为了更好的渲染 HTML 元素而引入的。CSS 可以通过以下方式添加到HTML中:内联样式:在HTML元素中使用"style" 属性内部样式表:在HTML文档头部 head>区域使用style>元素来包含CSS外部引用:使用外部CSS文件内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样原创 2021-07-23 21:15:30 · 1172 阅读 · 2 评论 -
HTML|头部标签补充
HTML|头部标签补充head元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为:titlemetastylelinkscriptnoscriptbase1.title其中title元素是最熟悉的,是网页的标题2.metameta标签也熟悉,中文网页,需要用来声明UTF-8或者GBK。meta标签描述了一些基本的元数据。meta标签提供了元数据,元数据也不显示在页面上,但会被浏览器解析。META 元素通常用于原创 2021-07-23 18:56:22 · 90 阅读 · 0 评论 -
HTML|文本格式化
HTML|文本格式化前面讲了粗体和斜体,现在补充一些内容:其实还有b标签和i标签分别用来表示粗体和斜体,但是现在很多都是用strong(加重语气)和em(着重)来替用了。strong标签是加重语气(粗体)em标签是重点(斜体)small标签是小字号sub标签是上标sup标签是下标ins标签是插入字del标签是删除字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8原创 2021-07-23 18:24:10 · 202 阅读 · 0 评论 -
HTML|UTF-8和!DOCTYPE
HTML|UTF-8和!DOCTYPE!DOCTYPE声明!DOCTYPE声明位于文档中的最前面的位置处于 html 标签之前,!DOCTYPE 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。常见的DOCTYPE声明:HTML 5<!DOCTYPE html>HTML 4.01 Strict这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。<!DOCTYPE H原创 2021-07-23 17:52:06 · 253 阅读 · 0 评论 -
如何使用github搭建一个属于自己的网址
如何使用github搭建一个属于自己的网址(个人博客)前言:优点:1.现在大部分的个人网页都是通过阿里等平台租用一个域名,使用github pages可以免费拥有一个属于自己的域名。2.github中的每一个repository(库)都可以部署为一个网页,没有数量限制。缺点:1.网页为静态网页具体实现:1.前往GitHub注册账号2.建立repository(1)(2)3.将repository开启pages选项(1)点击settings按钮进入设置页面。(2)找到p原创 2021-07-07 23:23:22 · 3039 阅读 · 1 评论 -
HTML|表单初级验证
HTML|表单初级验证1.placeholder很多时候文本框的提示信息可以帮助人们更好更快的进行浏览,我们可以可以placeholder来给用户提示信息,比如我们写一个个签,提示信息为请填写你的个性签名:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单初级验证</title></head><bo原创 2021-07-22 13:04:14 · 386 阅读 · 9 评论 -
HTML|表单的应用
HTML|表单的应用1.只读我们可以将文本框或者选项框设置为只读的,不允许修改。比如用户名我们将默认值设置为value=“Alan_Lowe”,再给他一个属性readonly,就是只读了比如选项,我们将默认性别设置为女,将男设置为disabled:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单的应用</title>原创 2021-07-22 12:40:28 · 104 阅读 · 0 评论 -
HTML|搜索框滑块和简单验证
HTML|搜索框滑块和简单验证1.简单验证比如我们将input的type改为email即可进行简单的邮箱验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框滑块和简单验证</title></head><body><!--邮箱验证将input的type改为email即可进行简单原创 2021-07-22 00:09:51 · 688 阅读 · 2 评论 -
HTML|下拉框和文本域、文件域
HTML|下拉框和文本域、文件域1.下拉框在平时我们填问卷或者冲浪的时候做筛选的时候都会遇到下拉框,html写一个下拉框的方式是使用select标签,name和id是默认属性<select name="1" id=""></select>在select标签内部可以添加option用来添加选项,其中value是值,在option中间可以加上修饰词:<option value="apple">苹果</option>如果我们要做一个下拉框,让你选择原创 2021-07-21 23:15:41 · 5188 阅读 · 2 评论 -
HTML|按钮和多选框
HTML|按钮和多选框1.多选框和单选框相比,就是将type属性从radio改成了checkbox,比如我们建立一个爱好的多项选择:有睡觉,篮球,足球和编程:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>按钮和多选框</title></head><body><!--多选框:ch原创 2021-07-21 22:10:45 · 10818 阅读 · 0 评论 -
HTML|文本框和单选框
HTML|文本框和单选框以表单为基础:HTML|表单post和get提交添加链接描述1.文本框我们已经写好了一些基本的表单:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><h2>注册</h2><form a原创 2021-07-21 21:04:11 · 967 阅读 · 2 评论 -
HTML|表单post和get提交
HTML|初始表单post和get提交1.表单表单是使用form标签,我们可以为它设置一个action是目标网址,method是提交方式,可以分为get和post,这里我们线将其设置为get:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><原创 2021-07-21 18:57:24 · 11314 阅读 · 2 评论 -
HTML|iframe内联框架
HTML|iframe内联框架1.iframe标签src属性为引用页面的地址我们在iframe标签中将src属性填写为淘宝网的网址:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe内敛框架</title></head><body><iframe src="https://原创 2021-07-21 13:06:01 · 513 阅读 · 4 评论 -
HTML|页面结构分析
HTML|页面结构分析1.元素header:标题头部区域的内容(用于页面或页面中的一块区域)footer:标记脚部区域的内容(用于整个页面或页面的一块区域)section:Web页面中的一块独立区域article:独立的文章内容aside:相关内容或应用(常用于侧边栏)nav:导航类辅助内容2.举例假如我们要写一个淘废品的网站:在网页的头部写上淘废网和官方网址。网页的主体部分写上废品列表网页的脚部写上联系方式<!DOCTYPE html><html l原创 2021-07-20 23:20:23 · 1907 阅读 · 0 评论 -
HTML|媒体元素(视频和音频)
HTML|媒体元素(视频和音频)这是我的资源路径:可以看到我已经将科比退役视频的音频和视频分别放到了audio和video文件夹下,后面我们就用这个历经来讲解媒体元素。1.视频元素(video)使用video标签,将src属性改为视频的路径:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>媒体元素</title>&原创 2021-07-20 22:52:47 · 745 阅读 · 0 评论 -
HTML|表格标签
HTML|表格标签1.表格为什么要使用表格:简单通用结构稳定表格的基本结构:单元格行列跨行跨列2.建立表格使用table标签生成表格,再table标签内使用tr标签(table row)生成一行,在行标签中使用td标签即可在该行展示若干列:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签</t原创 2021-07-19 23:21:04 · 112 阅读 · 4 评论 -
HTML|列表标签
HTML|列表标签1.什么是列表列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快地获得相应的信息。列表可以分为:无序列表有序列表定义列表上诉的几种列表的分类的显示方式其实就是一种无序列表。2.有序列表大标签是ol(ordered list的缩写),在ol中再添加小标签li即可显示出列表:<!DOCTYPE html><html lang="en"><head> <meta ch原创 2021-07-19 22:49:13 · 109 阅读 · 0 评论 -
HTML|块元素和行内元素
HTML|块元素和行内元素1.块元素:块元素:无论内容多少,该元素独占一行,比如之前学到的p标签和h1…标签,这些标签的内容就是独占一行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块元素和行内元素</title></head><body><!--块元素:无论内容多少,该元素独占原创 2021-07-19 22:19:57 · 121 阅读 · 0 评论 -
HTML|链接标签
HTML|链接标签1.格式IDEA输入a再按一下tab键即可生成a标签格式<a href=""></a>a标签的href时必填的,表示要跳转到哪个页面2.文字标签跳转到百度将href的内容设置为百度的网址,在a标签关闭之前写上前往百度即可:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签学习&原创 2021-07-13 17:09:39 · 336 阅读 · 0 评论 -
HTML|图像标签
HTML|图像标签1.常见的图像格式JPGGIFPNGBMP2.标签图像标签是img标签,格式如下:<img src="../resource/image/demo01.png" alt="QQ图标" title="你好!悬停" >在IEDA中可以输入img再按下tab键即可生成:生成的内容只有src和alt,因为这两个是图片必须填写的信息,其中src是图片文件目录,alt则是图像加载失败后的代替文字。图片路径可以是盘符路劲,也可以将图片放入IDEA中:比如我原创 2021-07-13 13:42:57 · 1269 阅读 · 2 评论 -
HTML|网页基本标签
HTML|网页基本标签1.标题标签格式为:<h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6>h后面的数字就代表标题的等级我们知道body标签会显示在网页上,那么我们把上述语句放入程序中:<!DOCTYPE html><原创 2021-07-12 20:06:47 · 1023 阅读 · 4 评论 -
HTML|网页基本信息
HTML|网页基本信息1.注释HTML的注释的格式是:代表结束例如:<!-- 注释 -->IDEA中 ctrl+/即可快捷生成注释2.DOCTYPE文档类型,它的作用是告诉浏览器要使用什么规范例如:<!DOCTYPE html>这句话呢,就是告诉了浏览器要使用html规划,但是浏览器默认的规范就是html,所以这句话我们去掉也是可以的。3.html标签<html lang="en"></html>4.head标签&l原创 2021-07-12 17:29:11 · 531 阅读 · 2 评论 -
HTML|初识HTML
HTML|初识HTMLHTML:Hyper Text Markup Language(超文本标记语言)超文本包括:文字,图片,音频,视频,动画等HTML5提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则,可以使用网页实现动态渲染图形、图标、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。主流浏览器都支持HTML5W3C标准World Wide Web Consortium(万维网联盟)标准包括:结构化标准语言(HTML、XML)、表现标准语言(CSS)、行为标准原创 2021-07-12 16:43:15 · 76 阅读 · 0 评论