哪个网站做外贸比较好,商丘市网站建设公司,全国网络维护的公司排名,产品推广方案设计Introduction
##文章内容#xff1a;使用HBuilder制作一个简单的HTML5网页以此达到学习HTML5 的目的
##编写内容#xff1a;1.HTML实现平台 2.HTML简介 3.HTML语言解析
##编写人#xff1a;贾雯爽
##最后更新时间#xff1a;2024/07/01 Overview
Details
一、HTML简介…Introduction
##文章内容使用HBuilder制作一个简单的HTML5网页以此达到学习HTML5 的目的
##编写内容1.HTML实现平台 2.HTML简介 3.HTML语言解析
##编写人贾雯爽
##最后更新时间2024/07/01 Overview
Details
一、HTML简介
HTMLHyperText Markup Language超文本标记语言是用于创建网页的标准标记语言。一个基本的HTML文档由一系列的标签tags组成这些标签定义了网页的内容和结构。
基本文档
下面是一个基本的HTML文档结构
!DOCTYPE html
html langzh-CN
head meta charsetUTF-8 title页面标题/title !-- 这里可以包含其他头部信息如CSS链接、JavaScript链接等 --
/head
body !-- 这里是网页的主体内容 -- h1这是一个标题/h1 p这是一个段落。/p !-- 可以包含其他HTML元素如图片、链接、列表等 --
/body
/html
!DOCTYPE html文档类型声明它告诉浏览器这是一个HTML5文档。html langzh-CNhtml标签是HTML文档的根元素。lang属性用于指定文档的主要语言这里是简体中文zh-CN。head头部标签包含了文档的元meta数据如文档的标题title、字符集声明meta charsetUTF-8以及链接到样式表CSS和脚本JavaScript等。title定义了浏览器工具栏的标题当网页添加到收藏夹时的标题。body主体标签包含了所有可见的页面内容如标题、段落、图片、链接、列表等。
这个基本结构是创建任何HTML文档的基础你可以在这个基础上添加更多的HTML标签和属性来丰富你的网页内容。 我的代码
!DOCTYPE html
htmlheadmeta charsetutf-8 /titleHTML Learing/title/headbodydiv classcontainerh1a href#firstLets start our first page! 标题 一号/a/h1h3a hrefsecondLets start our first page! 标题 三号/a/h3h1Lets begin our first page!/h1h3Lets begin our first page!/h3p欢迎大家来到LinWit的制作的网页一起开启精彩的世界吧正文px 像素/pimg src./1.png title China height1024alterror / div classbtn idstartstart/diva hrefhttps://yiyan.baidu.com/文心一言/a/body
/html实现平台 显示效果 这里有一些笔记分享给大家。 https://note.youdao.com/ynoteshare/index.html?id9eab0b2d4a2efbf3efe1589868850892typenotebook_time1719799850927#/WEB7db0512964ca66b93826f56413e44fc1https://note.youdao.com/ynoteshare/index.html?id9eab0b2d4a2efbf3efe1589868850892typenotebook_time1719799850927#/WEB7db0512964ca66b93826f56413e44fc1
二、HTML实现平台
安装与使用
HBuilder X是一款由DCloud数字天堂开发的集成开发环境IDE主要用于Web和移动应用程序的开发。对于新手极易上手链接
HBuilderX-高效极客技巧 (dcloud.io)https://www.dcloud.io/hbuilderx.html 在这里下载后解压直接点开程序运行就OKLike this。 特性和功能
主要特性: 多平台支持HBuilder X支持多平台开发包括Web应用、移动应用iOS和Android平台等。HTML5CSS3JavaScript开发支持基于HTML5、CSS3和JavaScript的应用程序开发特别适合移动应用的前端开发。内置调试工具集成了调试工具方便进行代码调试提高开发效率。移动应用打包支持将Web框架支持为流行的前端框架和库如Vue.js、React等提供了优秀的支持。插件系统具有灵活的插件系统可以通过安装插件来扩展功能满足不同开发需求。实时预览提供实时预览功能开发者可以即时查看应用程序在不同设备上的外观。丰富的工具集包含了代码编辑器、项目管理工具、调试工具等丰富的开发工具支持多种开发任务。云端服务提供云端服务如云打包、云端编译等方便开发者进行云端操作。语言服务调整 HBuilderX的语言服务进行了重大调整由Java调整为Node App打包Java按需调用不再常驻后台。改进了对TypeScript、d.ts文件、Vue标签、Easycom组件、CSS、Less、Scss、TS等的支持。JS支持自动导包Emmet支持代码提示预览uni-app项目根据版本进行代码提示。插件开发 HBuilderX 2.7版本起开放了插件扩展机制。开发者可以通过JavaScript语言编写HBuilderX的插件自定义和增强HBuilderX的功能。插件基于Node.js可以使用Node.js的所有API以及HBuilderX扩展的大量JS API与VSCode兼容。版本与安装 HBuilder X提供正式版和Alpha版其中Alpha版更新频率更高建议开发者同时安装两个版本。可以在HBuilder X官网下载安装包并按照详细的安装教程进行安装。生态服务 提供插件市场https://ext.dcloud.net.cn/开发者可以发布自用的插件到市场。提供开发者交流群、官方论坛等社区支持方便开发者交流和学习。
总的来说HBuilder X是一款功能强大、易于使用的集成开发环境特别适合Web和移动应用的开发者使用就还蛮好用的。 鼓励大家试试~
