首页 > 其他分享 >了解Web标准,HTML 语法规范,使用 HBuilder X 构建文档骨架,HBuilder X 生成骨架标签新增代码

了解Web标准,HTML 语法规范,使用 HBuilder X 构建文档骨架,HBuilder X 生成骨架标签新增代码

时间:2024-07-30 12:25:06浏览次数:8  
标签:Web UTF 标签 骨架 html HBuilder 点击 HTML

Web 标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

遵循 Web 标准可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:

1. 让 Web 的发展前景更广阔。

2. 内容能被更广泛的设备访问。

3. 更容易被搜寻引擎搜索。

4. 降低网站流量费用。

5. 使网站更易于维护。

6. 提高页面浏览速度。

 

基本语法概述:

1. HTML标签是由尖括号包围的关键词,例如 <html>。

2. HTML标签通常是成对出现的,例如 <html> 和 </html> ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。

3. 有些特殊的标签必须是单个标签(极少情况),例<img/>,我们称为单标签。

双标签关系可以分为两类: 包含关系(父子关系) 和 并列关系(兄弟关系)。

 

1. 打开 HBuilder X 选择文件,选择新建,点击项目。

 

2. 选择普通项目,输入项目名称,选择空项目,点击创建。

 

3. 在我们新建的文件夹上右键点击选择新建,点击 .html 文件。

 

4. 输入 index.html ,点击创建。

 

5. 打开刚刚创建的 index.html 文件,输入 html 按回车键自动生成 html 骨架。

 

6. 选择运行,选择运行到浏览器,想在使用那个浏览器打开就选择那个。

这句代码的意思是:当前页面采取的是HTML5版本来显示网页。

 

1.<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

 

2.<!DOCTYPE> 不是一个HTML标签,它就是文档类型声明标签。

 

 

2. 字符集

 

字符集( Character set )是多个字符的集合。以便计算机能够识别和存储各种文字。

 

在<head>标签内,可以通过<meta>标签的charset属性来规定 HTML文档应该使用哪种字符编码。

 

 

<meta charset="utf-8" /> 

 

charset 常用的值有: GB2312、BlG5、GBK和UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符。

 

注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的"UTF-8”,不要写成“utf8"或“UTF8"。

 

 

标签:Web,UTF,标签,骨架,html,HBuilder,点击,HTML
From: https://blog.csdn.net/2402_84987408/article/details/140793529

相关文章

  • WebSocket 的产生
    HTTP不断轮询怎么样才能在用户不做任何操作的情况下,网页能收到消息并发生变更。最常见的解决方案是,网页的前端代码里不断定时发HTTP请求到服务器,服务器收到请求后给客户端响应消息。这种方式的应用场景很多,例如扫码登录,前端网页不知道用户是否扫描,只能不断询问后端服务器。......
  • CTFshow web入门vip 文件上传
    web151题目提示前端校验不可靠,看源码可以看到是传到upload.php这个文件去接受文件上传,文件类型为图片,后缀限制为png然后把前端验证修改一下,把文件后缀限制改成php写个一句话木马传进去1.php<?phpeval($_POST['x']);?>url中需要加入我们传入文件的目录/upload.php,并指定/......
  • Zabbix 5.0 LTS 配置企业微信(Webhook)自动发送告警信息
    依据前面文章《Zabbix5.0LTSURL健康监测》环境,实现企业微信(Webhook)自动发送告警信息。一、创建企业微信机器人先在自己的企业微信群里创建一个机器人,并获取其WebHook地址。右击群聊天卡片,添加群机器人。获得一个类似下图的WebHook地址。注意,这个WebHook地址非常......
  • Axure Web端元件库:构建高效互动网页的基石
    在快速迭代的互联网时代,Web设计与开发不仅追求视觉上的美感,更注重用户体验的流畅与功能的强大。AxureRP,作为一款专业的原型设计工具,凭借其强大的交互设计能力和丰富的元件库,成为了众多UI/UX设计师、产品经理及前端开发人员的首选。本文将深入探讨AxureWeb端元件库,特别是其涵......
  • 你能将 HTTPS 功能添加到 python Flask Web 服务器吗?
    我正在尝试构建一个Web界面来模拟网络设备上的静态接口,该网络设备使用摘要式身份验证和HTTPS。我想出了如何将摘要式身份验证集成到Web服务器中,但我似乎无法找到如何使用FLASK获取https,如果您可以向我展示如何实现,请评论我需要使用下面的代码做什么来实现这一点。from......
  • vue项目引入live2d保姆级教程--web端、多种方法
    一、自建live2d运行1、选择SDK——live2d Cubism SDK (1)链接:Live2DCubismSDK|Live2DCubism     打开网站,它长这样:(2)选择web,到下个页面(3)下载勾选同意,填写邮箱,点击下载,得到一个压缩包注意:如果你需要完整的的SDK按上文来就行,实际这篇文章主要用到内容是c......
  • Web系列-文件上传
    Web系列-文件上传做题思路前端限制了上传文件的后缀,可以在前端修改代码或者bp抓包,再上传符合前端要求的文件类型,抓包后进行修改。如果是php的环境,可以利用.user.ini,是一个局部配置文件,可以通过配置选项使每个php文件头或文件尾都进行文件包含.user.ini利用需要在此目录下还有p......
  • 【Vulnhub靶场AI-WEB-1.0打靶教程】
     第一步:查看虚拟机的ip第二步:扫描ip下开放的80端口第三步:扫描查到的ip地址下的目录第四步:访问查到的目录访问robot.txt第五步:访问robot.txt显示出的目录第六步:打开kali终端,使用sqlmap功能sqlmap-u"http://192.168.189.153/se3reTdir777/index.php"-data"uid=......
  • 11. 2 用Python开发一个简单的Web服务器
    用Python开发一个简单的Web服务器11.2用Python开发一个简单的Web服务器11.2.1需求分析11.2.2系统设计11.2.3详细设计11.2.4实现11.2.5测试11.2.6部署和维护11.2.7文档和帮助文档11.2.8用户反馈11.2用Python开发一个简单的Web服务......
  • AI-WEB-1.0详细教程
    目录一、主机发现二、漏洞发现三、漏洞利用一、主机发现启动靶机虚拟机为NAT模式,我们根据真实机VMnet8的IP将虚拟机的IP扫描出来。可以看到页面什么都没有。所以我们需要进一步扫描。扫描目录,index是我们刚刚访问的界面。双击打开robots.txt。有新发现的目录,我......