html5+css3的第1天 使用工具：HBuilder X

最新推荐文章于 2024-06-03 14:12:29 发布
最新推荐文章于 2024-06-03 14:12:29 发布
阅读量623 收藏 4
点赞数 1
分类专栏： html5+css3基础 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46426476/article/details/121520791
版权

ctrl+鼠标滚轮 ：缩小和扩大

xhtml：可扩展标记语言
hml ：hyperText markup language
html ：超文本标记语言
超文本：图片、音视频…
标记: 代码段(标签、标记)
文件名:
.html(网页文件)
.htm (文档文件)
SEO 搜索引擎优化 ：减少标签嵌套

网页文件的标准格式:
document 文档
声明文档类型 html5.0格式文档

<!DOCTYPE html>

根节点、根元素

<html>

*头部标记:放置具备特定功能的标记(不参与页面布局、内容展示的标记)*

<head>

	*编码指定:告知浏览器以何种编码方式来解析网页*
	utf-8：*解析中文的编码格式*
	gb2312(gbk):
最低0.47元/天 解锁文章
竹叶依旧
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5+css3的第3天 使用工具：HBuilder X
qq_46426476的博客
11-26 1164
超链接: 锚点： 定义: 自定义命名:语义化 驼峰命名: 大驼峰: username UserName user User (类 常量 / 构造函数 常量 组件) 小驼峰: username userName imgtruecolor->imgTrueColor user (变量 属性 方法 自定义函数 id class name ) 匈牙利命名: username user_name(变量 属性 方法 自定义函数 id class name ) USER_NAME (类 常量 / 构造函
html5+css3的第4天 使用工具：HBuilder X
qq_46426476的博客
11-30 809
css 选择器: 统配选择器: *{ } 标记选择器: tagName{ } 类选择器{ } class="" .class{ } Id选择器 id="" #id{ } 复合类型的选择器: 群组选择器：多个选择器作用同一个样式 b,s{ } .list,p,#id{ } 后代选择器:匹配某个元素的所有的后代元素 ul li{ } grandfather father son 2222 2222 222 3333
hbulider小程序 rich-text中图片点击放大与自适应大小问题
最新发布
咖啡味的小认真
06-03 145
【代码】hbulider小程序 rich-text中图片点击放大与自适应大小问题。
html5+css3的第6天 使用工具：HBuilder X
qq_46426476的博客
12-03 331
资源: 目录: css —head.css —banner.css —main.css —footer.css imgs icon banner product js fonts iconfont.css iconfont.ttf libs 第三方插件 index.html 知识点使用不熟练: absolute; 重复类名： css3: border-radius:20px; box-shadow:x y offset color； background-size:; box-sizing:border-b
HBuilder、
乌昂先生的博客
09-23 6691
CS BS--web 可存储历史记录数据 client客户 server Browser 浏览器 server 在浏览器上运行的叫页面，万维网的显示器 html 1、超文本标记语言 可以发起超链接 标签成对存在 2、html 4 国际标准html html 5 扩展 3、历史： txt文本文档 ； dreamwear 画图生成代码，有限制； ...
HBuilder X编辑器中光标变成下横线的问题
前端视听
08-14 1万+
今天在使用HBuilder X编辑器写代码的时候，遇到了这样的一个问题，鼠标点击的停留的位置 变成了下划线 敲代码的时候十分的不方便，一部小心就把后面的代码替代了 非常的麻烦 找到了一个快速解决的办法 记录一下 按下键盘上的inster键即可！ 这样就方便很多啦 如果一不小心变成了这样，就用这个键解决吧！ ...
HTML5+CSS3网页设计基础-第一章-网页设计基础.pptx
12-23
HTML5+CSS3网页设计基础-第1章-网页设计基础 本章主要介绍网页设计的基础知识，包括网页的基本元素、网页的布局结构、创建HTML5页面、HTML5基础等内容。本章的学习目标主要是了解网页上常见的基本元素及其特点，...
web前端网页设计与制作——华夏第一县HTML+CSS+JavaScript
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业...
前端基础+hbuilderx+html+前端基础.zip
12-24
在IT行业中，前端开发是构建Web应用程序不可或缺的一部分，它涉及到用户与网站或应用程序...学习和熟练掌握这些技能是成为合格前端开发者的第一步，而使用高效的开发工具如HBuilderX，则能进一步提升开发效率和质量。
Mui （Hbuilder5+）实例
01-24
Mui是一款基于HTML5的轻量级移动UI框架，而Hbuilder5+则是一个强大的前端开发工具，两者结合能有效提升开发效率，同时确保应用在不同操作系统上的表现。 **Mui框架详解** Mui的核心理念是提供一套简洁、高效且易于...
第6章HTML+CSS教学课件.ppt
09-15
本资源是HTML+CSS教学课件，共41页，涵盖了HTML的基本结构、HTML5的发展史、W3C标准、网页编辑工具、HTML基本结构、网页基本信息、标题标签、文本标签、图像标签、超链接标签、列表标签、表格标签、表单标签、CSS...
mui+hbuilder 将图片压缩并转变为base64 与改变图片尺寸大小来减小图片文件大小
qq_45375420的博客
09-01 3750
//将图片压缩并转变为base64 convertImgToBase64:function(url,callback, bili){ //path绝对路径 var _this = this; var bitmap = new plus.nativeObj.Bitmap(“test”); //test标识谁便取 // 从本地加载Bitmap图片 // alert(JSON.stringify(bitmap)) bitmap.load(url,function(){ var base4=bitmap.toBa
html图层设置大小,html背景图片怎么设置大小
weixin_34404528的博客
06-09 7922
html背景图片设置大小的方法：首先新建HTML页面，给标签设置背景图片；然后给body标签设置【background-size】属性；最后在div标签设置宽高即可。本教程操作环境：windows7系统、HBuilderX.3.0.5版，DELL G3电脑。html背景图片设置大小的方法：1、其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里...
鼠标移到图片上，图片放大
teletubbies的博客
04-16 2134
.Nei1 img{ width: 122px; height: 89.6px; float: left; padding: 2px 2px; transition: all 0.6s; } .Nei1 img:hover{ ...
HBuilder X基础标签讲解以及用法
m0_74257628的博客
03-04 5433
字体标签 font\字体标签 嵌套/应用 \字形标签 加粗 XXX倾斜 i下划线 u\无序列表 ul 列表项标签 li\有序列表 ol 列表项标签 li\列表嵌套\定义列表 dl\超链接 a\音频标签 audio\视频标签 video\表格标签:table\表格合并
HBuilderX
Max的博客
04-03 3009
table的属性 width 表格的宽度 border 边框 align 对齐方式 bgcolor 背景框颜色.target：窗口打开的方式 _self:当前窗口 _blank:在空白窗口。<hr> 单标签（color 颜色 size 粗细 width 长度（百分比 或 px）align 位置）<hr> 单标签（color 颜色 size 粗细 width 长度（百分比 或 px）align 位置）
HBuilder X解析基础代码以及基础标签（基础篇）
m0_74257628的博客
02-22 8173
HBuilder X解析基础代码以及基础标签（基础篇）
Hbuilder 屏幕放大缩小
梦寻汝的博客
10-31 6101
//添加content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale...
HTML中怎么设置图片的位置和大小
热门推荐
weixin_34310785的博客
01-28 2万+
其他的也不多废话了直接上代码： <html> <head> <style type="text/css"> <! 设置图片的属性> img{ position:absolute; <! 绝对位移> left:300px; top:150px;<! wid...
HTML5+CSS3入门精通：实战教程与高清视频讲解
《HTML5+CSS3从入门到精通》是一本针对想要学习和掌握这两种现代前端技术的读者精心编写的教程。本书由清华大学出版社出版，隶属于“清华社‘视频大讲堂’大系”的网络开发视频课程，旨在通过基础知识教学、实例演练...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值