当前位置: 首页 > news >正文

天津正规网站建设调试公司广州网站建设推广专家

天津正规网站建设调试公司,广州网站建设推广专家,整站优化全网营销,心理咨询网站后台这一节,我们说一下学习前端开发的话,最入门的也是非常重要的一门可成,也就是HTML。HTML标签,是网页的重要组成部分,可以说,你看到网页上的内容,都是基于HTML标签呈现出来的。 这一小节呢&#…

这一节,我们说一下学习前端开发的话,最入门的也是非常重要的一门可成,也就是HTML。HTML标签,是网页的重要组成部分,可以说,你看到网页上的内容,都是基于HTML标签呈现出来的

这一小节呢,我们说一下,HTML最初的,刚一新建网页,就应该写的框架标签们。

目录

1 新建HTML文档

1.1 新建一个txt文档

1.2 修改文档后缀

1.3 打开这个HTML文件

2 HTML的标签框架 

2.1 DOCTYPE标签

2.2 html标签

2.3 head标签

2.4 body标签

3 小结


1 新建HTML文档

可能你发现,你新拿到的电脑呢,并不能新建HTML文档,所以可以新建一个txt文档,首先新建一个文件夹,用于我们这个系列课程的学习内容。

1.1 新建一个txt文档

首先呢,新建一个txt文档,鼠标 “右键”,点击“新建”,然后点击“文本文档”,新建以后是这样子的:

1.2 修改文档后缀

什么是“文档”呢,你新建这个就是所谓的人们称之为的文档,也可以叫文件,总之都是一个东西。

你看他叫 “新建文本文档.txt”,这个 .txt 呢就是这个文档的后缀,你可以把 txt 改为 html,这样,我们就是新建了一个HTML文档了。

1.3 打开这个HTML文件

这个时候呢,你可以鼠标双击打开这个HTML文档,这个HTML文档就会被浏览器打开了。当然,推荐使用Chrome浏览器,不过你如果电脑上有Edge浏览器呢,也可以,其他浏览器也没有关系。

打开以后是这样子的,就是一个空白的网页

2 HTML的标签框架 

我们做前端开发,总是要在浏览器这个容器里浏览网页内容的。而网页内容呢,又是包含在HTML这些框架标签里的。这里说一下这些标签框架。

2.1 DOCTYPE标签

网页文档的第一行呢,我们加DOCTYPE标签,他会告诉浏览器,我们要以哪种文档格式来渲染网页。我们先来学习具体的知识,如果想学习更详细的,更扩展的内容呢,记得私信告诉狗哥,我给你找相关内容来学习

<!DOCTYPE html>

这就是网页的第一行代码。

2.2 html标签

我们所有的网页内容呢,都是嵌套在这个html标签里的。所以,html 是一种文档格式,也是前端网页的一个标签。这个html标签呢,是一个成对出现的,意思就是需要写一个开始的,一个结束的标签。就像这样:

<html></html>

2.3 head标签

网页呢,也分头部身体,所以,这里需要加head标签,head标签呢,放一些浏览器需要的,但是缺不展示的内容,比如渲染一些样式啦(我们后面说)。

<!DOCTYPE html>
<html><head></head>
</html>

2.4 body标签

刚才说到网页有身体标签,就是这个body标签,所有需要展示出的,需要被人们看到的网页内容,都会添加到这个body标签内。

<!DOCTYPE html>
<html><head></head><body></body>
</html>

3 小结

好啦,这一小节呢,我们先学到这里,很简单,就是一个非常入门的内容,虽然入门,但这是网页开发的最基本,最基本的内容,一旦你做了前端开发,这个东西是永远都脱离不开的,不管你做了多么高深的网页内容,不管你去了哪个大公司,网页永远脱离不开这个基本框架要素。

如果你真的是在跟着狗哥学习,点个赞,关注狗哥,告诉狗哥,一起学起来

http://www.yayakq.cn/news/645009/

相关文章:

  • 建立自己个人网站怎么建立南昌画册设计公司
  • 网站设计方案大全国际财经新闻最新头条
  • 百度题库企业电子商务网站优化方案
  • 自己做的手工在哪个网站卖会更好外贸网站推广怎么做
  • 港北网站建设wordpress获取登录作者
  • 网站简繁体转换 js智能建造师证书
  • c2c电子商务网站需具备哪些业务功能电商小程序介绍
  • 博客网站需求分析0代码开发平台有哪些
  • 如何检查网站是否被挂木马企业网站首页效果图设计与制作
  • 网站搭建网站制作企业 北京 响应式网站
  • 企业网站html网站如何盈利流量费
  • 青岛网站俱乐部网站方案
  • 网站可信查验网站备案最快多久
  • 拖拽响应式网站建设公司电脑培训学校学费多少
  • 门户网站内容维护流程注册一个商标要花多少钱
  • 正规的招聘网站定制网站建设公司
  • 网站蜘蛛池怎么做的网站空间可以转移吗
  • 潍坊哪里做网站wordpress_百科
  • 建设工程项目前期去哪个网站外贸网站推广与优化
  • 企业建设营销型网站的目的有网站设计公司销售渠道建设
  • 网站营销平台一个虚拟主机如何做多个网站
  • 南沙做网站公司海南省建设考试网站首页
  • 工商企业信息查询网站typecho对比wordpress
  • 网站建设需求问卷知识付费网站搭建教程
  • 开源课程 视频网站模板开源官网
  • 网站建设与运营公司部门结构html 动漫网站
  • 非盈利性备案网站 淘宝客网站网站建设电子书
  • 自己做的网站和淘宝店的区别wordpress即时通讯
  • 凤岗网站设计怎么让网站被百度收录
  • 什么叫子网站有关电子商务网站建设与维护的书籍