HTML基础:web前端建站流程

Scratch 3.0建站指南(一) Scratch 3.0建站指南(一)Scratch 3.0已经到来Scratch3.0 的用户界面发生了很大的改变,更便于使用和学习:接下来的内容中我们就讨论一下如何针对Scratch 3.0进行建站。建站之本地环境准备:在后边的章节我们将再讲一些关于生产环境部署,以及定制开发的内容。 Scratch 3.0已经到来 Scratch 3.0是下一代Scratch。它是Google的Blockly项... 阅读详情

  学习目标

  · 1、本专业介绍、HTML相关概念,HTML发展历史

  · 2、WEB标准,W3C/WHATWG/ECMA相关概念

  · 3、相关软件的应用以及站点的创建

  · 4、HTML基本结构和HTML语法

  · 5、HTML常用标记

  一、本专业介绍、HTML相关概念,HTML发展历史

  本专业介绍

  移动前端/WEB前端

  网站建站流程

  5dbe560b8a094000b86c4717f9b47a00.png

  二、WEB标准,W3C/WHATWG/ECMA相关概念

  WEB标准组成

  组织解析:

  (1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。

  W3C (制定了结构(xhtml、xml)和表现(css)的标准,非赢利性的。)

  (2)ECMA(European Computer Manufactures Association) 欧洲电脑场商联合会。

  ECMA制定了行为(DOM(文档对象模型),ECMAScript)标准

  (3)WHATWG网页超文本应用技术工作小组是:

  一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

  HTML及相关概念的介绍

  HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。

  XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

  HTML5指的是HTML的第五次重大修改(第5个版本)(HTML5 是 W3C 与 WHATWG 合作的结果)

  HTML发展历史

  92eb2932756d4dc8b15b557418de0872.png

  三、相关软件的应用以及站点的创建

  1)站点的作用

  A/ 用来归纳一个网站上所有的网页、素材以及他们之间的联系

  B/ 规划网站的所有内容和代码 整合资源

  2)创建站点的步骤

  创建网页所需各个文件夹 css、js、images

  3)文件的命名规则

  A/ 件命名规则:用英文,不用中文

  B/ 名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。@#¥%……! -_

  C/ 网站的首页必须命名为index.html不建议使用shouye.html

veket5.3 搭建web平台建站 lighttpd + php + mysql for veket 一键安装包 Veket 官方论坛 lanwairen123 打包的 pet 直接双击安装即可,非原创,纯属分享。 在veket 上安装 php mysql 环境,随身的 php 服务器,php 5.2 + mysql 5.1。 veket 5.27 + veket 5.30测试通过,其他自测 直接双击 pet 包安装 安装后 shell 执行 "/etc/init.d/mysql start" 启动数据库 "/etc/init.d/lighttpd start" 启动lighttpd 直接访问 127.0.0.1 访问WEB 同时会在使用工具生成两个菜单,一个查看 phpinfo, 一个查看 lighttpd状态, 网站根目录在/var/www/ 下,php.ini 在 /etc/目录下, lighttpd.conf 在 /etc/lighttpd/ 下,mysql 没有设置密码 立即下载

相关推荐

从零到精通:ROS2 MoveIt2与MPC机械臂轨迹规划的完整配置流程

本文详细介绍了ROS2 MoveIt2与MPC机械臂轨迹规划的完整配置流程,从环境准备到高级功能扩展,帮助开发者实现精准控制。通过集成模型预测控制(MPC),机械臂能够优化复杂轨迹规划,处理动态避障,提升工业自动化效率。

juice的博客 705

五分钟学会搭建web网站

关闭安全软件安装所需软件C:\Windows\System32\drivers\etc\hosts 文件进行DNS映射。

2201_75642447的博客 2899

基于MATLAB的基本数字调制解调系统的设计

基于MATLAB的基本数字调制解调系统的设计一、摘要现代通信系统要求通信距离远、通信容量大、传输质量好,作为其关键技术之一的调制解调技术一直是人们研究的一个重要方向。本文以MATLAB为软件平台,充分利用其提供的通信工具箱和信号处理工具箱中的模块,对数字调制解调系统进行Simulink设计仿真,并且进行误差分析。调制与解调是通信系统中十分重要的一个环节,针对不同的信道环境选择不同的调制与解调方式可...

m0_55395440的博客 5549

怎么样对阿里云ECS主机进行绑定域名

首先我有个阿里的 域名+虚拟云主机 搭建了一个wordpress 的网站 地址为: www.liuxun.name/wordpress (liuxun.name/wordpress) 现在我想把一个阿里云的ECS主机,里面装了tomcat, 希望以 www.java.liuxun.name:8080 (java.liuxun.name:8080 ) 访问tomcat服务器,如果tomcat webapps下部署了项目 xxx 遍可以 www.java.liuxun.name:8080/xxx ...

m0_64313187的博客 3543

《解锁GCC版本选择的奥秘:从入门到精通》

GCC 版本的选择是一项复杂而关键的决策,犹如一场精心策划的战略布局,贯穿于软件开发的整个生命周期。从项目需求与兼容性的深度考量,到性能与稳定性的权衡抉择,再到硬件与系统适配的精准对接,每一个环节都紧密相连,相互影响。在游戏开发行业,对性能的极致追求促使开发者青睐较新的 GCC 版本,以实现更流畅的游戏体验和更震撼的视觉效果;科学计算领域则依赖于 GCC 版本对复杂数学运算的高效优化,以应对大规模数据处理的挑战;嵌入式开发行业因硬件资源的限制和对稳定性的严苛要求,通常选择经过长期验证的稳定版本;

zheng_ruiguo的专栏 1415

基于PCIE8311+FPGA+TMS320F28335 PCIE应用项目开发板PROTEL99设计硬件(原理图+PCB)文件

基于PCIE8311+FPGA+TMS320F28335 PCIE X1应用项目开发板PROTEL99设计硬件(原理图+PCB)文件,Protel 99se 设计的项目工程文件,包括原理图及PCB印制板图,可用Protel或 Altium Designer(AD)软件打开或修改,都已经制板在实际项目中使用,可作为你产品设计的参考。

GJZGRB的博客 576

服务器管理器建网站,搭建web服务器

打开一台windows 2008服务器(并保证已安装DNS服务器,Ip地址是192.168.6.1DNS指向自已)计算机右击管理打开服务器管理器点击角色选择添加角色,开始配置安装 ,单击“下一步”选择web(iis)在弹出的对话框中单击添加必须的功能,单击“下一步”勾上所有的角色服务(除FTP发布服务)单击“下一步”单击“安装”开始安装单击“开始”/程序/管理工具/DNS,打开DNS管理器在DNS...

weixin_28318011的博客 1390

【模拟电子设计实战】开源!基于Multisim与AD620的心电采集电路仿真与优化

本文详细介绍了基于Multisim与AD620的心电采集电路仿真与优化实战。通过分析心电信号采集的挑战,重点讲解了AD620仪表放大器和OP07运算放大器的选型优势及电路设计技巧,包括对抗50Hz工频干扰和基线漂移的优化方法。文章还分享了Multisim仿真参数设置与实测对比经验,最终实现性能达标的心电采集电路设计。

weixin_30555125的博客 95

web安全基础入门(二):域名、备案、服务器、软件部署到建站--理解网站搭建全过程

网站搭建全过程实操,通过域名购买,域名解析、备案、云服务器、软件安装、服务软件搭建等,实现网站搭建,学习安全必备的过程,需要对过程理解,并且要清楚过程中的中间件有哪些,服务是怎么起来的。这些做完基本就了解网站的一些东西了,为后面的web安全奠定基础。 文章可能比较潦草,不理解的地方欢迎大家评论区指出

T1ancat的博客 1364

科研笔记:怎样写好博士论文?

博士论文外审避坑指南与写作要点 博士论文外审的核心关注点呈现5级优先级:科研成果(硬指标)>创新性>逻辑结构与场景合理性>文献综述与规范性>工作量验证。外审专家会重点核查:1)成果清单是否达标;2)创新点是否真实明确;3)章节逻辑是否自洽、应用场景是否细化;4)文献综述是否构建"研究坐标系";5)实验/理论支撑是否充分。需特别注意三大雷区:科学错误(直接挂稿)、伪创新、场景不合理。写作时应强化选题依据的场景细化,通过"发展阶段+跨领域对比"提升文献综述质量。

Grow into a more wonderful you 1064

弱小目标检测跟踪算法研究(5) 基于顶帽变换(Top_hat)算法的红外弱小目标检测之背景抑制

基于顶帽变换(Top_hat)算法的红外弱小目标检测之背景抑制1. 前言2. 顶帽变换(Top_hat)算法3. Matlab仿真4. 小结 1. 前言 红外图像中的弱小目标,目标属性包涵“弱"和“小’’两个方面:“弱’’是指目标在红外波长上所表现出来的强度,具体反映到所拍摄的红外图像上,就是指目标的灰度值;而“小’’是指目标的尺寸大小,也就是前面所述的成像面积很小,反映到红外图像上就是指目标所占的像素数目很少。 SPIE国际光学工程学会(Societyof Photo一0ptical Instrument

sinat_34897952的博客 5291

Django web开发(一) - 前端

Django学习 Web框架 Python语言

每天进步亿点点 7万+

TIA西门子博途V19安装教程及注意事项

TIA西门子博途V19安装教程及注意事项

Robot_PLC_HMI_Automation 1万+

Web前端开发需要学习哪些知识

首先了解web前端 Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态 的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆 地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的...

weixin_41780944的博客 1万+

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

建站流程及web标准

建站流程及web标准 *建站流程 注册域名(网址) 租用空间(服务器) 网站建设------涉及人员:产品经理(确定网站主题,画原型图) UI(用原型图制作UI设计图) 前端(用UI设计图实现页面的制作) 后端(实现数据接口,测试) 网站推广 网站维护 *web标准 W3C( World Wide Web Consortium )万维网联盟制定标准——结构层(HTML)、表现层(CSS)、E...

weixin_45108372的博客 200

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

好程序员web前端分享HTML基础篇

为什么80%的码农都做不了架构师?>>> ...

weixin_34221112的博客 110

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

01 web前端基础HTML

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

weixin_40738567的博客 325

WEB前端开发学习5大网站,你用过几个?

“工欲善其事,必先利其器”,学习WEB前端开发也是一样。 一、前端视频教程-51自学网 我要自学网是由佛山市丰智胜教育咨询服务有限公司倾力打造的在线实用技能学习平台。该平台成立于2007年6月7日,是一家专业从事软件视频教程开发的教育服务机构。开发团队由奋战在教学第一线的专业培训师组成,网站内的视频均采用职业培训授课资料,教学方法及进度,面向广大的电脑爱好者。 51自学网-WEB前端...

weixin_43955769的博客 3万+

【前端】前端第一阶段学习之第一章HTML基础

前端第一阶段学习之第一章HTML基础

欢迎来到C-Homes 170

计科-WEB前端1-Web前端开发基础「整理」

Web也称(World Wide Web,简称:WWW)Web是基于""的信息查询和发布系统。万维网将Internet上众多的Web服务器提供的资源连接起来,组成一个海量的信息网Web是英国的TimBerners-Lee 1980年在欧洲共同体一个大型科研机构任职时发明的通过Web平台,互联网上的资源在一个网页里展示出来,而且。

weixin_41576682的博客 516

【建站系列教程】3、建站基本技术介绍

【建站系列教程】3、写网页基本技术介绍(全网最良心、实用教程)摘要html、css、jsjQueryui框架bootstrapjQuery-uivue的ui后端采用ajax 或者 phpcookie也可以利用总结 写在前面:大家好,我是热爱编程的小泽。 【建站系列教程】是我的亲身建站经历写给广大建站同胞们的教学博客。 喜欢的话点个赞吧~ 评论区欢迎交流讨论~ 经过之前的1、2章,现在我们的手里...

十一月廿七风雨大作 6607
上一篇: web前端三大框架:网站搭之vue建框架
下一篇: HTML基本结构和HTML基本语法
QF_HTML5
博客等级 码龄9年 104粉丝 61原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值