HTML的简单使用

最新推荐文章于 2022-11-17 21:22:18 发布
最新推荐文章于 2022-11-17 21:22:18 发布
阅读量101 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xc_init/article/details/110187659
版权 
<!-- DOCTYPE:告诉浏览器,我们要使用什么规范 -->
<!DOCTYPE html>

<html>
	<!-- head标签代表网页头部 -->
	<head>
		<!-- meta描述性标签，它用来描述网站的一些信息 -->
		<!-- meta一般用来做SEO -->
		<meta charset="utf-8">
		<meta name="keywords" content="xc-java">
		<meta name="description" content="随便看">
		<!-- title网页标题 -->
		<title></title>
	</head>
	<!-- body标签代表网页主体 -->
	<body>
	<!-- 段落标签 -->
	<p>两只老虎</p>
	<p>跑得快</p>
	
	<!-- 水平线标签 -->
	<hr/>
	<!-- 换行标签 -->
	两只老虎  <br/>
	跑得快 <br/>
	
	<!-- 粗体  斜体 -->
	<h1>字体样式标签</h1>
	<p>粗体：<strong>i love you</strong>  </p>
	   斜体：<em>i love you</em>
	<p></p>
	   
	   <!-- 特殊符号 -->
	   空 格
	   空&nbsp;&nbsp;&nbsp;&nbsp;格
	   
	   <br/>
	   <!-- 大于号 -->
	   &gt;
	   <!-- 小于号 -->
	   &lt;
	  <br/>
	  <!-- 版权符号 -->
	  &copy;版权所有
	  
	</body>
</html>


!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图像标签学习</title>
	</head>
	<body>
		
		<!-- 使用name 作为标记 来进行跳跃 -->
		<a name="top">顶部</a>
		<!-- img学习
		 src : 图片地址
		 相对地址,绝对地址
		 ../ __上一级目录-->
		<a href="1.html" target="_blank">点击跳转到页面-</a>
		<a href="https://www.baidu.com" target="_self">点击跳转到页面2</a>
		<!-- target="_self  在自己的标签页打开
		 target="_blank 在新的标签页打开-->
		<br/>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		<p><a href="1.html">
			<img src="E:\html\1.jpg" alt="xc" title="悬停文字" width="200" height="200" />
		</a></p>
		
		<a name="down">down</a>
		<a href="1.html#down">跳转1</a>
		<!--锚链接 
		 1.需要一个锚标记
		 2.跳转到标记-->
		 <a href="#top">回到顶部 </a>
		 
		 <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好！点击我拿小电影" title="你好！点击我拿小电影"/></a>
		 
		 <a href="mailto:1213244820@qq.com">点击联系我</a>
	</body>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>table</title>
	</head>
	<body>
		<!-- 表格table
		 行 tr
		 列 td-->
		 <table border="1px" bgcolor="aqua">
			 <tr>
				 <!-- colspan 跨列 -->
			 			 <td colspan="4">1-1</td>
			 			 
			 </tr>
			 <br>
			 <tr >
				 <!-- rowspan 跨行 -->
			 			 <td rowspan="2">2-1</td>
			 			 <td>2-2</td>
			 			 <td>2-3</td>
			 			 <td>2-4</td>
			 </tr>
			 <br/>
			 <tr>
			 			 <td>3-1</td>
			 			 <td>3-2</td>
			 			 <td>3-3</td>
			 </tr>
		 </table>
		 
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- iframe 内联框架
		 src 地址
		 w-h 高度 宽度属性
		 frameborder 表示是否显示边框-->
		<iframe src="https://www.bilibili.com/video/BV1x4411V75C?p=12" align="center" frameborder="0" width="1300px" height="1300px"> </iframe>
		
		<a href="https://www.bilibili.com/video/BV1x4411V75C?p=12">点击跳转</a>
		
		<!-- <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" 
		scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- action 表示向何处发送表单数据
		 method表示发送表单数据的常用值
		 -->
		<h1>登陆</h1>
		
		<form action="1.html" target="_blank" method="get">
			<p>名字: <input type="text" name="username" ></p>
			<p>密码: <input type="password" name="pwd" /></p>
			<p>性别：
			<input type="radio" value="boy" name="sex">男
			<input type="radio" value="girl" name="sex">女
				<p></p>
			<input type="checkbox" value="sleep" name="hobby">睡觉
				<input type="checkbox" value="basketball" name="hobby">打球
					<input type="checkbox" value="game" name="hobby">打游戏
			</p>
			
			<p>按钮
				<input type="button" name="but" value="点击变长">
			</p>
			<!-- 下拉框 -->
			<p>下拉框:
				<select name="列表名称">
					<option value="wwwww">中国</option>
					<option value="选yyy">美国</option>
					<option value="选yy" selected>印度</option>
					<option value="选项yy值">瑞士</option>
				</select>
				
				<!-- 文件域 -->
				<p>
					<input type="file" name="files">
					<input type="button" value="上传" name="upload">
				</p>
				
			</p>
			
			<!-- 文本域 -->
			<p>反馈:
			<textarea rows="10" cols="50" >
				
			</textarea>
				
			</p>
			<p>
			   <input type="submit">
			   <input type="reset">
			</p>
		</form>
	</body>
</html>

文本框 text
下拉框
单选框
多选框
隐藏域
密码框

X_C~!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5教程：精讲__init__、__new__、__call__方法（可面试用）
qfluohao的博客
06-11 241
任何事物都有一个从创建，被使用，再到消亡的过程，在程序语言面向对象编程模型中，对象也有相似的命运：创建、初始化、使用、垃圾回收，不同的阶段由不同的方法（角色）负责执行。 在面试的时候，问到面向对象免不了会问__init__、__new__、__call__ 方法这几个最常用的魔术方法。在这里为大家厘清这几个方法的用法： 1. __init__方法 __init__方法负责对象的初始化，系统执行该方法前，其实该对象已经存在了，要不然初始化什么东西呢？先看例子： class Dog: d.
html的简单使用
04-28
html 简单开发 移动应用使用html5
htmlinit:为您的脚本创建一个 html 页面
07-05
htmlinit 为您的脚本制作一个快速测试页面： $ htmlinit [removed] 创建： <!DOCTYPE html > < html lang =" en " > < head > < meta charset =" utf-8 " > < title > Hello World </ title > </ head > < body > < h1> Hello World </ h1> < script src =" script.js " > </ script > </ body > </ html > 安装 用安装 ghi jb55/htmlinit 使用 make 安装 cd /tmp && git clone https://github.com/jb5
HTML中的简单使用
qq_41899015的博客
02-25 95
学习目标： 提示：一些简单的html的使用 学习内容： 例如： 1、 iframe的使用 2、 列表：ol,ul,li 3、表格：table 1、*iframe*:在页面中分割出一部分区域用来展示页面， 使用：常和a标签联合使用，在type中指定调转页面的name <iframe name="iframeabc" src=".idea/test.html" align="center" width="500" height="500"> </iframe> <ul&gt
HTML简单书城
06-07
在这个"HTML简单书城"项目中，我们将探讨如何利用HTML来创建一个基本的在线书城首页。 首先，我们需要理解HTML的基本结构。一个HTML文档通常由`<!DOCTYPE html>`声明开始，它告诉浏览器这是一个HTML5文档。接下来是...
简单html个人网站
07-04
"简单html个人网站"标题表明我们正在讨论一个基础的HTML模板，适用于构建个人网站。这个模板可能是初学者在学习HTML时创建的，用以实践基本的网页布局和设计。 在描述中提到的“HTML网页编程”和“主页模板”，暗示...
简单的HTML网页制作
10-25
"简单的HTML网页制作"这个主题，旨在介绍如何使用基本的HTML元素构建一个简单的网页。 首先，我们需要了解HTML文档的基本结构。每个HTML文件都由三部分组成：文档声明、头部和主体。文档声明位于文件顶部，例如`<!...
简单的html网站
06-21
【简单的HTML网站】是一个入门级别的Web开发项目，主要利用HTML（HyperText Markup Language）这一标记语言来构建静态网页。这个网站包含五个部分，为初学者提供了基础的网页结构和设计概念的理解。通过学习和分析这...
init:html初始化
06-14
HTML初始集 内容 HTML 字符编码为 UTF-8 说明是 html5 删除未使用的js 在初始状态，id = `Wrapper` 被设置 CSS 用 YUI 重置 less.js 可用 JavaScript 在js文件夹的main.js中描述 main.js 加载了 jQery Underscore.js 也是初始加载的 图书馆相关 JavaScript jQuery 下划线.js 三.js 少.js Modernizr.js html5.js excanvas.js CSS YUI 重置 CSS
html initUI
qq 117791303
11-17 161
html initUI
html中init是什么作用,HTML5教程：精讲__init__、__new__、__call__方法（可面试用）
weixin_34952098的博客
06-10 602
原标题：HTML5教程：精讲__init__、__new__、__call__方法(可面试用)任何事物都有一个从创建，被使用，再到消亡的过程，在程序语言面向对象编程模型中，对象也有相似的命运：创建、初始化、使用、垃圾回收，不同的阶段由不同的方法(角色)负责执行。 在面试的时候，问到面向对象免不了会问__init__、__new__、__call__ 方法这几个最常用的魔术方法。在这里为大家厘清这几...
html中init是什么作用,flask,python_《flask Web开发》中关于init_app 静态方法的作用是什么？，flask,python - phpStudy...
weixin_39994438的博客
06-26 209
《flask Web开发》中关于init_app 静态方法的作用是什么？《flask Web开发》第七章中，有config的代码：创建一个文件Config.py保存配置：...class Config:SECRET_KEY = os.environ.get('SECRET_KEY') or 'hard to guess string'SQLALCHEMY_COMMIT_ON_TEARDOWN = ...
html5对init和str的识别,jQuery内init构造器使用详解
weixin_39680380的博客
06-07 148
这次给大家带来jQuery内init构造器使用详解，jQuery内init构造器使用的注意事项有哪些，下面就是实战案例，一起来看一下。init 构造器由于这个函数直接和 jQuery()的参数有关，先来说下能接受什么样的参数。源码中接受 3 个参数：init: function (selector, context, root) {...}jQuery() ，空参数，这个会直接返回一个空的 jQu...
HTML前言
qq_52215881的博客
09-27 347
HTML前言
vue-html5-editor插件png图片上传失败解决方法
bamboozjy的博客
11-18 1435
jpg可以正常上传,png就会上传失败.这是因为开启了图片压缩,导致Content-Type:image/jepg,以及内部文件编码问题.只需要将压缩参数配置设置为null即可 以下是上传png图片时开启压缩时: compress:{ width:1600, height:1600, quality:80 }, ...
CSS之属性选择器
xc_init的博客
12-01 126
代码演示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> /*float: left; 整体居左 display: table; 展示情况 height: 50px; width: 50
html init方法,HTML5教程：精讲__init__、__new__、__call__方法（可面试用）
weixin_29280657的博客
06-23 490
任何事物都有一个从创建，被使用，再到消亡的过程，在程序语言面向对象编程模型中，对象也有相似的命运：创建、初始化、使用、垃圾回收，不同的阶段由不同的方法(角色)负责执行。在面试的时候，问到面向对象免不了会问__init__、__new__、__call__ 方法这几个最常用的魔术方法。在这里为大家厘清这几个方法的用法：1. __init__方法__init__方法负责对象的初始化，系统执行该方法前，...
HTML简单网页制作
最新发布
06-22
这是一个使用HTML创建的简单示例。 我的图片"> 点击这里访问另一个页面 </html> ``` 3. **保存与查看**： - 将代码保存为`.html`文件，例如`index.html`。 - 双击打开文件或使用浏览器（如Chrome, Firefox等...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值