第一节、Web前端学习_HTML5环境搭建与介绍

于 2021-08-07 10:36:56 发布
阅读量355 收藏 3
点赞数
分类专栏： HTML5+CSS3+Javacript 文章标签： web html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42148307/article/details/119478223
版权

文章目录

HTML5的基本概念

HTML是互联网上应用最广泛的标记语言之一，用来编写因特网上的网页。

网页与网站的关系

网页是一个文件，它存在于计算机中，而这部计算机必须是与互联网相连的。网页是由网址（URL）来识别和存储的，当在浏览器中输入网址后，网页文件会被传送到正在浏览网页的计算机中，然后通过浏览器对网页进行解析，再展示给用户。
从某种程度上讲，网站由网页组成，但是网站往往复杂地多，网站一般由许多网页组成。但是网页设计是网站设计的基础，只有学好了网页设计才能组织好网站设计。

环境的搭建

这里用到的编辑器为WebStorm。

下载地址

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

获取激活码(个人是用的vrg123.com获取最新激活码)，点击Activate激活

在这里插入图片描述

汉化：
(Ctrl+Alt+S)快捷键打开Setting – Plugins
搜索Chinese，点击Install
安装完成后重启Webstorm

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

前段源码文件夹鼠标右键新建一个HTML5文件。

在这里插入图片描述
在这里插入图片描述

编写Hello HTML5.

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

身影王座
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML5时代的前端&环境配置
小头Sophia
12-15 2501
1.传统前端与HTML5时代的前端对比： （图片来源于传智播客的教学视频） 2.IDE：集成开发环境 3.Web前端也远远不是从前的切个图用个jQuery上个AJAX兼容各种浏览器那么简单了。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC，各种复杂的交互与优化，甚至你需要用到Node.js来协助前端的开发。    （来自百度百科） 4.开发系统环境设置： 参考： htt
HTML5 开发环境搭建
04-17
HTML5 开发环境搭建， HTML5 开发环境搭建
HTML5开发环境搭建
weixin_33743248的博客
10-29 294
2019独角兽企业重金招聘Python工程师标准>>> ...
Eclipse搭建HTML5开发环境
编程艺术家
06-17 5万+
前言 文本编辑器 or IDE Html5的学习已经有一段时间了，随着应用的复杂程度越来越高，普通的文本编辑器已经很难满足我的开发需求了。到目前为止，我一直在使用Notepad++作为Javascript的编辑器，对于很多新手来说，Notepad++非常适合作为Html5的开发工具，尤其是如果你懂得如何使用其强大的插件。不过，尽管Notepad++很强大，毕竟不能提供很好的Html5支持；而且
Html5混合开发环境的搭建
u010712703的博客
05-07 4145
工具：Android SDK，Java JDK，Node.js，Cordova、Ionic、python； 1、androd 需要配置:jdk路径和sdk 配置； jdk配置环境变量： JAVA_HOME：jdk安装目录，如：F:\Java\jdk1.8.0_11 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;   2、Android sdk配置环境变量：  
Html5移动应用开发入门——环境搭建（IONIC）
DMS程序猿
12-08 2465
在上一篇文章中，已经介绍了两款我自己觉得用的不错的框架，那接下来就让我们用IONIC框架来搭建一个最简单的APP吧 IONIC的详细信息，请前往官网 官网介绍了用命令行的方式来创建APP，讲道理，我一直觉得这种方式很高大上，但是我不会用，所以我用的最简单的，也最快的方式，下载Ionic Lab 对命令行感兴趣的童鞋可以在官网仔细研究，也可以看一下我推荐的这个教程网：http://ww
Web-前端html+css从入门到精通 220. Sass与Less介绍和环境搭建.zip
05-23
环境搭建是使用Sass和Less的第一步。对于Sass，你可以通过安装Ruby和RubyGems，然后使用`gem install sass`命令来安装Sass。如果你是Windows用户，可能需要额外安装DevKit。一旦Sass安装完成，你可以使用`sass --...
生活居住介绍网页模板_html5 bootstrap 响应式模板UI前端源码.rar
08-01
标题中的“生活居住介绍网页模板_html5 bootstrap 响应式模板UI前端源码.rar”表明这是一个用于创建生活居住介绍类网站的HTML5、Bootstrap框架构建的响应式UI前端模板源码包。描述与标题基本一致，再次强调了这是...
Web前端开发第一季：HTML
06-14
本课程介绍Web前端工程师的职业前景和定位，Web前端工程师和后端工程师的工作定位，介绍了HTML基本知识，网站项目构建与部署，并结合项目案例，进一步剖析和讲解Web前端应具备的知识体系。 本课程完全从零基础开始...
x48_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
最新发布
08-01
总的来说，"x48_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip"是一个完整的移动网站构建解决方案，集成了HTML5的先进特性、响应式设计的最佳实践以及可能的前端框架支持。对于开发者来说，它不仅...
H133_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-01
《H133_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码》 在当今数字化时代，手机网站与响应式设计已经成为Web开发的重要...对于想要快速搭建手机网站或学习响应式设计的开发者来说，这是一个宝贵的资源。
webapp mui & HTML5+ (一) 之 环境
疯林
10-30 2629
webapp mui & HTML5+ (一) 之 环境最近需要开发一款简单app，没有招原生，最后领导大大们商量决定，做webapp，于是这个光荣的任务就落在了小弟身上小弟以前是做过app，但那是有原生的大神们啊，我做的只是写页面而已…… 多说无益,直接开干IDE因为时间关系，框架直接就把react-native忽略掉了，时间不够啊（轻度研究过），直接定在了DCloud上面，主要是打包方便，不用
HTML5开发环境搭建 VSCODE安装与配置
caohongxing的博客
09-16 3万+
VSCODE 安装步骤 Vscode是一款轻量级html编码工具。 下载、安装、启动 打开下载网页 https://code.visualstudio.com/updates/v1_48 根据操作系统选择相应安装程序 解压zip文件 解压到D盘根目录下（也可是其他盘，建议在根目录下方便查找） 启动程序 如上图所示，到解压目录下，双击code.exe启动程序。打开界面如下 配置 界面字体大小设置 点击【install】，安装完成后重...
html5框架如何快速搭建,如何快速搭建一个功能齐全中后台前端框架？
weixin_34310561的博客
06-05 1096
云前端吹个牛逼，其实我也只是按着这个想去总结归纳我们可以把云计算理解成一栋大楼，而这栋楼又可以分为顶楼、中间、低层三大块。那么我们就可以把Iass(基础设施)、Pass(平台)、Sass(软件)理解成这栋楼的三部分。基础设施在最下端，平台在中间，软件在顶端。别的一些“软”的层可以在这些层上面添加。前端可以借用云计算思想开发一个体系化的架构出来前端分层：iass 层：基础库封装(route,requ...
创建首个html5页面
faye_yang18的博客
05-31 5292
<!doctype html>每种浏览器内部都有许多的渲染模式，比如html和xhtml等等，我们制作的网页需要告诉浏览器如何用正确的方式去渲染它。上行代码就告诉浏览器要用标准，兼容的模式来解析渲染这个HTML页面。<html> <head> </head> <body> </body> &lt...
HTML5入门（布局搭建）
cmwly的博客
09-05 513
HTML5入门（布局搭建） 1、css引入 引入css文件需要在head标签下使用link标签，link标签含义参考http://www.w3school.com.cn/tags/tag_link.asp <link rel="stylesheet" href="style/common.css" />其中rel属性是必须的，否则标签无法引入 2、style中使用cs...
搭建Html5开发
TomRen
11-03 277
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
HTML5 APP开发环境的框架搭建
热门推荐
夏牛
07-07 8万+
HTML5 APP开发环境的框架搭建 转载：橘子博客 HTML5 开发APP需要一个开发框架和编译环境，参阅了相关资料后选择开源的PhoneGap。PhoneGap是一个开源的开发框架，使用HTML5，CSS3和JavaScript来构建跨平台的的移动应用程序。 下面介绍PhoneGap环境的搭建，及第一个Web APP。 1、选择你使用的平台，PhoneGap支持6个平台的开发和编译
SpringBoot 整合NoSql
Lin_JunSheng的博客
11-19 1038
通用配置 maven依赖 添加Spring-Web和Spring-Security依赖，使用Spring-Security是因为使用SpringBoot的Redis依赖时，必须添加Spring-Security。在新版本SpringBoot才会这样。 <dependency> <groupId>org.springframework.boot</groupId...
HTML5从零到实战.pptx
08-04
第一部分，课程大纲从HTML5的基础知识开始，介绍了HTML5的应用场景和开发环境的搭建，包括安装必要的工具如Web开发工具，并通过实际案例来理解其在PC和移动设备上的工作原理。这为后续学习奠定了坚实的基础。 第二...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

身影王座

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值