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

最新推荐文章于 2023-04-03 16:23:51 发布
最新推荐文章于 2023-04-03 16:23:51 发布
阅读量630 收藏 4
点赞数 1
分类专栏： html5+css3基础 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46426476/article/details/121520791
版权
这篇博客介绍了HTML5和CSS3的基础知识，包括超文本标记语言的概念、文件格式以及SEO优化。重点讲解了HBuilder X工具的使用，如文件路径、快捷键操作，并列举了一些常用的HTML标签，如标题、段落和图像标签。还提到了HTML属性、标记嵌套以及布局方法如浮动和定位。
摘要由CSDN通过智能技术生成

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 1194
超链接: 锚点： 定义: 自定义命名:语义化 驼峰命名: 大驼峰: 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 838
css 选择器: 统配选择器: *{ } 标记选择器: tagName{ } 类选择器{ } class="" .class{ } Id选择器 id="" #id{ } 复合类型的选择器: 群组选择器：多个选择器作用同一个样式 b,s{ } .list,p,#id{ } 后代选择器:匹配某个元素的所有的后代元素 ul li{ } grandfather father son 2222 2222 222 3333
html5+css3的第6天 使用工具：HBuilder X
qq_46426476的博客
12-03 345
资源: 目录: 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 6791
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基础等内容。本章的学习目标主要是了解网页上常见的基本元素及其特点，...
HTML基础标签 (学习HTML+CSS+JavaScript(第一天)软件(HBuilder))
weixin_56159611的博客
03-11 1198
文字来定义文字为斜字体 段落标签<p> 图片标签<img> 在HTML中，一般来说，只有6个标签能放在head标签内 Title标签、Meat标签、Link标签、Style标签、Script标签、Base标签 Title标签唯一的作用就是定义网页的标题 Tite左侧注黑处对应右侧左上角 Meta标签一般用于定义页面的特殊信息，如页面关键字、页面描述等。 这些信息不是提供给用户看的，二十提供给搜索引擎蜘蛛(如百度蜘..
mui+hbuilder 将图片压缩并转变为base64 与改变图片尺寸大小来减小图片文件大小
qq_45375420的博客
09-01 3787
//将图片压缩并转变为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 7952
html背景图片设置大小的方法：首先新建HTML页面，给标签设置背景图片；然后给body标签设置【background-size】属性；最后在div标签设置宽高即可。本教程操作环境：windows7系统、HBuilderX.3.0.5版，DELL G3电脑。html背景图片设置大小的方法：1、其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里...
鼠标移到图片上，图片放大
teletubbies的博客
04-16 2148
.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 5533
字体标签 font\字体标签 嵌套/应用 \字形标签 加粗 XXX倾斜 i下划线 u\无序列表 ul 列表项标签 li\有序列表 ol 列表项标签 li\列表嵌套\定义列表 dl\超链接 a\音频标签 audio\视频标签 video\表格标签:table\表格合并
HBuilderX
最新发布
Max的博客
04-03 3073
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 8306
HBuilder X解析基础代码以及基础标签（基础篇）
Hbuilder 屏幕放大缩小
梦寻汝的博客
10-31 6159
//添加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...
谈谈HBuilder以及HTML5+
weixin_33725126的博客
02-25 796
2019独角兽企业重金招聘Python工程师标准>>> ...
HBuilder X的使用
weixin_64790984的博客
08-25 5859
HBuilder X的使用 1:常见标签的用法 2:预格式标签pre 3:三种列表
hbuilder怎么设置网页的大小_CSS选择器和做网页的思路
weixin_39606638的博客
11-29 4016
网页制作思路这节要做出以下效果的网页其实，做网页就像画画一样，要分为一个一个的区域制作当把基本的区域确定好后，我们才能开始制作网页拿我们今天要做的这种个网页为例，我们可以先把它分为三个区域分别为蓝绿黄区域，即页头、页中和页尾我们先来定义这三个区域banner为头部，navigation为页中，bottom为页脚(当然这个id的属性也可以自己设置，比如页头就可以定义为拼音yetou...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值