【前端】Html基础

作者 : icbug 发布时间: 2020-08-20 文章热度:125 共961个字,阅读需3分钟。 手机浏览

目 录

本文非常简单无需长时间阅读

首先我们来先给大家来一颗定心丸,起码在搭建环境这个环节上咱不能输:

  • 前端学习大多数仅需要两件套,浏览器,IDE即可,
  • 浏览器使用Chrome,Firefox浏览器(推荐使用Chrome)
  • 开发工具可以使用咱们国内的Hbuilder或者是咱们的Vscode,这里使用Vscode
  • 后台服务器用的,LAMP,WAMP,LNMP等环境

Chrome浏览器

Chrome是google开发的浏览器,也是市场占有率比较高的浏览器,国内大多数浏览器都是基于Chrome浏览器的内核进行改造的!

查看网页源码

【前端】Html基础-icbug创客

右击查看网页源代码即可!

F12开发者工具和控制台

按F12或者右击点击检查调出开发者工具

这里可以看到我们网站的源代码

【前端】Html基础-icbug创客

在控制台我们可以看到开发信息的输出,以便我们进行下一步开发

【前端】Html基础-icbug创客

HTML网页的组成

HTML不是一种编程语言,也就是说她不像JavaPythonC++
等后端的编译语言,而是前端最基础的语言!也就是标记语言!

我们不用讲那么多,一张图就明白了

【前端】Html基础-icbug创客

我这个是PHP的网站,但是所有网站无论是什么语言,都会被浏览器内核输出为HTML代码,进行展示!

所以基本的组成部分都是一样的!

文件命名

  • 使用小写字线命名代码文件,不要出现中文,这是我们学习编程最不能犯的一个错误
  • 扩展名可以用,html,htm,shtml
  • 多个单词可以使用连接符或者下划线连接,不要使用空格

访问URL

http/https网站访问URL:

https://icbugblog.cn/chb.html

FTP下载地址:

ftp://icbugblog.cn/xxx.bmgd

邮箱调用地址

mailto:icbugcoder@88.com
参数说明
参数 解释
https 协议头,用http,https,ftp等等大多数网站都是https,也有没有加过SSL的,就是http
icbugblog.cn 网站域名,经过记录解析服务器IP生成
/ddd/ddd 资源在网站服务器下的路径
2588.html 文件名

Tips:访问html需要加后缀,其他语言动态网页部分页面无需添加后缀,因为html是静态网页所以必须添加后缀,index.html,默认是网站的首页!

注释

如下

<!--导航栏-->
<header>
    <nav>
    <ul>
        <li>
        icbug
        </li>
        </ul>
    </nav>
</header>

常见问题FAQ

本站资源是否全部免费?
本站文章和普通速度下载资源免费,高速下载资源和讲解视频需要成为SVIP才能查看哦!
本站采用标准 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明!
icbug创客 » 【前端】Html基础

发表评论

CAPTCHAis initialing...