11day HBuilder X相关知识

最新推荐文章于 2023-04-03 16:23:51 发布
最新推荐文章于 2023-04-03 16:23:51 发布
阅读量437 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59778168/article/details/125626270
版权

二 HBuilder X相关知识

2.1 文本标签

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>这是一个HTML页面</title>
</head>
<body>
	<!-- 标题标签：<h1>、<h2>....<h6> -->
	<h1>我国人均预期寿命提高到77.93岁</h1>
	<h2>我国人均预期寿命提高到77.93岁</h2>
	<h3>我国人均预期寿命提高到77.93岁</h3>
	<h4>我国人均预期寿命提高到77.93岁</h4>
	<h5>我国人均预期寿命提高到77.93岁</h5>
	<h6>我国人均预期寿命提高到77.93岁</h6>
	
	<!-- 段落标签：<p> -->
	<p>&emsp;&emsp;中新网7月5日电 国家卫健委5日就健康中国行动实施以来进展与成效举行发布会，
	健康中国行动推进委员会办公室副主任、国家卫生健康委规划司司长毛群安在会上介绍称，
	目前，我国人均预期寿命提高到77.93岁，主要健康指标居于中高收入国家前列，
	《“健康中国2030”规划纲要》2020年阶段性目标总体如期实现，健康中国行动2022年
	主要目标提前实现，健康中国建设开局起步良好、进展顺利，为我国全面建成小康社会、
	推动“十四五”经济社会发展发挥了重要作用。</p>
	<p>毛群安指出，健康中国行动实施取得了明显的阶段性成效：</p>
	
	<!-- 标题标签和段落标签会自动换行（一个标签代表一行或者一段，
	写下一个标签时自动另起一行） -->
	
	<!-- 文字倾斜标签：i，em -->
	<!-- 文字加粗标签：b，strong -->
	<i>
		<b>文字倾斜又加粗</b>
	</i>
	
	<b>
		<i>文字倾斜又加粗</i>
	</b>
	<em>文字倾斜</em>
	<strong>文字加粗</strong>
	
	<!-- 换行标签：br -->
	<br>
	<!-- 水平线标签：hr -->
	<hr>
	
	<!-- html页面敲任意多个空格恒等于一个空格 -->
	<!-- html中一个空格可以用下列两种方式表示：&nbsp; 或者 &emsp; -->
	<!-- &nbsp; 表示一个像素（px）单位的空格 -->
	<!-- &emsp;表示一个汉字的宽度 ，一个&emsp;=16&nbsp;-->
	<span>一&nbsp;二</span>
	<br>
	<span>一&emsp;二</span>
	
	
	<!-- 行内文本标签：span -->
	<span>我的京东</span> | <span>京东会员</span> | <span>登录&nbsp;&nbsp;&emsp;注册</span>
	
</body>
</html>

2.2 超链接和图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 id="top">顶部</h1>
		
		<!-- 图片标签：img -->
		<!-- src：1.可以写入链接。2.可以写本地图片路径 -->
		<!-- title：鼠标放到图片上可以提示文字 -->
		<!-- alt：当图片不显示时，显示文字 -->
		<!-- width、height：能够修改图片、标签盒子等的显示宽度和高度 -->
		<img src="https://www.1baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
		alt="百度" title="点击一下，了解更多">
		<img src="./img/1.jpg" alt="" width="100pxpx" height="250px">
		
		<!-- 超链接标签：a -->
		<!-- href:
					1.引入在线链接。
					2.可以引入本地文件(html文件)。
					3.可以引入id选择器
		 -->
		 
		<!-- target：1._self:当前标签页跳转（默认）。2._blank:新的标签页跳转。 -->
		<a href="https://www.baidu.com" target="_blank">百度一下</a>
		<a href="./01-文本标签.html">文本标签</a>
		
		
		<!-- 将图片变为可点击的超链接 -->
		<a href="https://yrzx.qq.com/act/2890/a20200518xz/index.html" target="_blank">
			<img src="https://game.gtimg.cn/images/ulink/act/2890/a20200518xz/bg-kv1.jpg" 
				alt="" width="100px" height="50px">
			<p>一人之下手游</p>
		</a>
		
		<p>“高三压力太大，起得比鸡早,睡得比狗晚,干得比牛多!我都想大哭一场。”</p>
		<p id="mid"></p>
		<p>“高三压力太大，起得比鸡早,睡得比狗晚,干得比牛多!我都想大哭一场。”</p>

		<!-- 页面跳转 -->
		<!-- id属性如何调用：使用#调用id属性 -->
		<a href="#top">返回顶部</a>
		<a href="#mid">返回中部</a>
	</body>
</html>

2.3 列表和内联框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<!-- iframe:内连框架 -->
	<!-- iframe:经常被用在登录、注册界面 -->
	<!-- <iframe src="https://www.bilibili.com/" width="1920px" height="400px"></iframe> -->
	<!-- <iframe src="https://www.baidu.com/" width="1920px" height="400px"></iframe> -->
	<!-- 列表：有序列表ol、无序列表ul -->
	<!-- 列表中的内容放在li -->
	<!-- 列表在网站中主要被用来做下拉菜单和展示内容 -->
	<ul>
		<p>千峰成都校区学科一览表</p>
		<li>JAVA</li>
		<li>前端</li>
		<li>Python</li>
		<li>UI</li>
		<li>物联网</li>
	</ul>
	<ol>
		<p>千峰成都校区学科一览表</p>
		<li>JAVA</li>
		<li>前端</li>
		<li>Python</li>
		<li>UI</li>
		<li>物联网</li>
	</ol>
	</body>
</html>

2.4 input标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<input type="text"><br>
				<!-- input：默认是一个文本框，但是通过修改type属性的值可以将input构造成不同的形式。 -->
				<!-- placeholder: 输入框中的提示性文字-->
				<!-- maxlength:限制输入内容的长度 -->
				<span>密码：</span>
				<input type="password" placeholder="请输入密码" maxlength="5">
				<!-- value:当input为按钮时，在按钮上显示文字 -->
				<input type="submit" value="登录"><br>
				
				<input type="color" >
				
				<input type="file">
				
				<input type="date">
				<input type="time">
				<input type="datetime-local">
				
				<br>
				<p>请选择你的性别：</p>
				<!-- radio：单选框 -->
				<!-- name:告诉系统两个单选框属于同一类 -->
				<!-- 将单选框中的id属性值设置为和lable标签中的for属性值相同，表示相关联 -->
				<input type="radio" name="gender" id="gender1"><label for="gender1">男</label>
				<input type="radio" name="gender" id="gender2"><label for="gender2">女</label>
				
				<br>
				<p>今晚吃啥？</p>
				<!-- checkbox:复选框 -->
				<input type="checkbox" name='food' id='one' for='one'><面条>
				<input type="checkbox" name='food' id='two' for='two'><炒菜>
				<input type="checkbox" name='food' id='three' for='three'><火锅>
				<input type="checkbox" name='food' id='four' for='four'><水饺>
	</body>
</html>
洋洋酒仙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Day025 数据库相关知识
06-12
Day025 数据库相关知识
Day18——知识点总结
12-22
1. String类 1.1 比较方式要求 1.2 获取方法 int length();![字符串比较要求](img/字符串比较要求.png) 获取字符串长度 "" char charAt(int index); 获取String字符串中指定下标位置的char类型字符，如果index...
HbuilderX学习资源
教主的博客
10-16 677
HbuilderX学习资源 https://www.dcloud.io/ Hbuilderx官网 https://www.uviewui.com/components/downloadSetting.html u-view模板连接网址 https://www.runoob.com/html/html-css.html css前端属性大全 https://www.w3school.com.cn/css/index.asp css教程 https://www.iconfont.cn/collections/in
HBuilder学习笔记
qq_36499794的博客
04-06 2055
1. 什么是HBuilder？ HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。 2. 使用HBuilder新建项目 依次点击文件→新建→...
Python-100-Days-Day2
Cute_Abacus
07-10 320
a = 321 b = 123 print(a + b) print(a - b) print(a * b) print(a / b) print(a // b)#取整除 print(a % b)#取余 print(a ** b)#a的b次幂 a = int(input('a = '))#只能赋值为int类型 b = int(input('b = ')) print('%d + %d = %d...
HBuilder常用快捷键总结
奋斗的日子最甜美，在科技的海洋里，永无止境。
07-24 2131
HBuilder常用快捷键大概共9类（文件4、编辑13、插入3；选择4、跳转9、查找8；运行1、工具1、视图6） 1.文件(4)  新建 Ctrl + N  关闭 Ctrl + F4  全部关闭 Ctrl + Shift + F4  属性 Alt + Enter 2.编辑(13)  激活代码助手 Alt + /  激活快捷键视图 Ctrl + Shift + L 开启
HBuilderX
Max的博客
04-03 2973
table的属性 width 表格的宽度 border 边框 align 对齐方式 bgcolor 背景框颜色.target：窗口打开的方式 _self:当前窗口 _blank:在空白窗口。<hr> 单标签（color 颜色 size 粗细 width 长度（百分比 或 px）align 位置）<hr> 单标签（color 颜色 size 粗细 width 长度（百分比 或 px）align 位置）
V2X应用层协议便准（day2)asn1.rar
12-29
包含V2X应用层ASN1一期与二期编码文件，用户可利用asn编解码工具生成源文件与头文件、消息集包括BSM/MAP/二期扩展消息
Day19——知识点总结
12-22
1. 缓冲流 1.1 作用 使用缓冲数组以后，整体的读取，写入效率提升很大！！！ 降低了CPU通过内存访问硬盘的次数。提高效率，降低磁盘损耗。 字节输入缓冲 BufferedInputStream ... 所有的缓冲流都没有任何的读取，写入...
HBuilder X解析基础代码以及基础标签（基础篇）
m0_74257628的博客
02-22 8120
HBuilder X解析基础代码以及基础标签（基础篇）
HBuilder、
乌昂先生的博客
09-23 6643
CS BS--web 可存储历史记录数据 client客户 server Browser 浏览器 server 在浏览器上运行的叫页面，万维网的显示器 html 1、超文本标记语言 可以发起超链接 标签成对存在 2、html 4 国际标准html html 5 扩展 3、历史： txt文本文档 ； dreamwear 画图生成代码，有限制； ...
HTML常用标签（标题，段落，换行，加粗，倾斜，删除线，下划线，div，span，图像，路径，6种超链接，特殊字符）
Everything_na的博客
11-20 1985
HTML常用标签 标题标签 h1->h6 标签语义：作为标题使用。并且根据重要性依次递减 特点：1.加了标题的文字会变得加粗，字号也会依次变大。 2.一个标题独占一行。 <h1>这里是一级标题</h1> 段落标签 p 标签语义：可以把HTML文档分割为若干段落 特点：1.文本在一个段落中会根据浏览器窗口的大小自动换行。 2.段落和段落之间保有空隙。 <p>我是一个段落标签</p> 换行标签 br 单词break的缩写，意为打断，换行 标签语义：强
Hbuilder快速代码技巧和常用快捷键
热门推荐
jadeshu的博客
10-25 1万+
1.在body内输入div.abc按下tab键 效果：&lt;divclass="abc"&gt;&lt;/div&gt; 2.在body内输入div#abc按下tab键 效果：&lt;div id="abc"&gt;&lt;/div&gt; 3.在body内输入ul&gt;li{小花}*3按下tab键 效果：&lt;ul&gt;                  &a
Hbuilderx格式化使每个属性单独一行展示
m0_58200190的博客
06-23 1099
Hbuilderx格式化使每个属性单独一行展示
HBuilder X基础标签讲解以及用法
m0_74257628的博客
03-04 5386
字体标签 font\字体标签 嵌套/应用 \字形标签 加粗 XXX倾斜 i下划线 u\无序列表 ul 列表项标签 li\有序列表 ol 列表项标签 li\列表嵌套\定义列表 dl\超链接 a\音频标签 audio\视频标签 video\表格标签:table\表格合并
HbuilderX设置禁止自动换行：
SunPeng的博客
11-27 1258
HbuilderX设置禁止自动换行：
html的知识点汇总：包括软件VS Code和HBuilderX的使用、以及html思维导图（在文章最后）
weixin_44641804的博客
08-31 3194
一、软件的初始化，和html的初始结构分析 之前是用sublime和Visual Studio Code学习的前端，现在要重新使用HBuilderX来练习，因为HBuilderX可以开发微信小程序。 VStudio Code中html的建立框架结构快捷方法：输入html:5按回车键 HBuilderX中html的建立框架结构快捷方法：左上角文件->新建->html文件->选default 一个真实项目的构建(文件夹规范)： 右键新建一个文件夹写上英文的项目名(命名必须英
hbuilderx基础文件的作用
最新发布
07-28
基础文件在HBuilderX中起着重要的作用。其中，manifest.json是HBuilderX项目的配置文件，用于设定应用的基本信息，如应用标识(AppID)、应用名称、应用入口页面和应用描述等。\[2\]这些信息对于应用的识别和展示非常...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值