html
enjoy_code_
这个作者很懒,什么都没留下…
展开
-
html(11)-表单的初级验证
纯html表单验证上面有三种简单应用:placeholder 提示信息required 非空判断pattern 正则表达式placeholder<form action="first.html" method="get"> <p>账号:<input type="text" name="username" placeholder="请输入用户名"/></p> <p>密码:<input type="password原创 2021-01-17 22:26:19 · 530 阅读 · 1 评论 -
html(10)-初识表单
在html中,表单一直是很重要的结构。下面提供一个自定义的表单例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><form action="first.html" method="post"> <p>账号:<原创 2021-01-17 21:59:09 · 145 阅读 · 0 评论 -
html(9)-iframe内联框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。比如用下面这行代码,可以使得页面中嵌入显示百度搜索页面:<iframe src="//www.baidu.com" height="1000px" width="800px"></iframe>注意:src是要嵌入的资源地址,如果是互联网上的资源,比如百度搜索页面,记得在开头增添//表示这是公网资源。height和width见名知义,自定义这个嵌入窗口的大小。下面是一些进阶操作:<a>标原创 2021-01-16 23:01:05 · 169 阅读 · 0 评论 -
html(8)-视频和音频标签
例如,我们在bilibili上面点击可以播放的视频或者音频,都是可以通过这个标签初步把结构展现出来。先在resource目录下创建音频和视频的存放路径:video目录下存放你的视频文件audio目录下存放你的音频文件首先来学习视频标签,<video><video src="../resources/video/1609313883.mp4"></video>这样是最简单的写法,但是这时候浏览器只会出现视频的封面,用户会觉得这就是张图片,而不是视频页。这时原创 2021-01-16 21:10:04 · 416 阅读 · 0 评论 -
html(7)-表格标签
表格标签<table>里面有子标签:行标签:<tr>列标签:<td>下面来一个2x3的表格下面的border如果不写的话,默认是很不明显的蓝色细线分隔开来。一般会用上border这个属性。<table border="1px"> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td.原创 2021-01-16 17:19:58 · 136 阅读 · 0 评论 -
html(6)-列表标签
有序列表<ol> <li>java</li> <li>python</li> <li>c++</li> <li>c</li></ol>无序列表<ul> <li>java</li> <li>python</li> <li>c++</li>原创 2021-01-14 23:13:54 · 102 阅读 · 0 评论 -
html(5)-链接标签
页面链接:href是必填的tarfet:_blank :表示在新标签页打开_self :表示在自己的网页中打开链接标签支持文本超链接和图片超链接通过嵌套使用标签实现图片超链接:锚链接:步骤:1,需要一个锚标记2,使用#加上锚标记即可跳转这里注意,不一定要是<a>标签才能制作锚标记,其他能设置name属性的标签均可。类如input,button进阶版锚链接:在别的html里面设置好锚标记后,使用url+#+锚标记就能去到其他页面的指定位置了。功能.原创 2021-01-13 22:03:34 · 167 阅读 · 0 评论 -
html(4)-图片标签
标签支持jpg,gif,png,bmp等格式的文件类型src:图像地址alt:图像的替代文字title:鼠标悬停提示文字width:宽height:高前两个是必填项在项目路径下创建 /resources/image 的文件路径来存放图片,推荐使用相对路径,方便移植...原创 2021-01-13 21:16:32 · 96 阅读 · 0 评论 -
html(3)-网页的基本标签
网页基本标签1. 标题标签一级标签二级标签...六级级标签2. 段落标签快捷键:输入p后敲击tab键3. 换行标签![在这里插入图片描述](https://img-blog.csdnimg.cn/20210113204206844.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Vuam95X2NvZGVf,size_16,co原创 2021-01-13 20:58:25 · 253 阅读 · 0 评论 -
html(2)-网页基本信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello</title></head><body>你好,hello world</body></html>DOCTYPE声明告诉浏览器,我们要使用什么规范或标准是默认的,删掉也没事,默认使用html超文本语言规范标原创 2021-01-13 20:27:03 · 203 阅读 · 0 评论 -
html(1)-概念
学一个东西都是what ——why—— how这种认知的顺序开始理解新事物或者新概念。what 什么是HTML?hyper text markup language(超文本标记语言)。超文本包括文字,音频,视频,图片,动画等,在一个网页上我们看到的所有元素都是由超文本构成的。都是由下面这种语言写成的:why 我们使用html呢?现在市场上最流行的前端是html5+css3的应用,所以学习html对一个程序员来说是相当重要的。how 怎么使用?先在idea新建一个java项目:新建原创 2021-01-13 18:03:16 · 126 阅读 · 2 评论