专栏首页编程创造城市零基础html5+div+css+js网页开发教程第003期 html代码基本结构

零基础html5+div+css+js网页开发教程第003期 html代码基本结构

在第二期中,我们对html做了入门,已经有了对网页开发基本的了解。本节知识开始书写html网页结构。

本节知识视频教程

以下开始文字讲解:

一、Html代码基本结构

html代码就像一个人一样,可以分成几个部分。我们先来了解三个节点。

根节点:<html>

两个子节点:<head> <body>

节点基本结构图

代码结构图

二、网页编码格式

包含网页基本编码格式的html代码结构

说明:这里的Charset属性代表编码格式设置。

网页编码格式目前用得较多的有:

  • Utf-8 国际通用的编码格式。
  • Gb2312 或 Gbk 都表示中文编码。

三、写网页代码的注意事项

注意

1、Html代码基本结构是不能乱的,不然会出现意想不到的效果

2、代码的书写一定要有层次感,这个是编程中都有的一些规定

3、网页的标题显示一定要写在<head>标签中

4、<html><head><body>这三个标签,一张网页只能出现一次,表示一张网页的html代码结构

5、网页设置的编码格式要与文件的编码格式保持一致,不然会出现乱码,推荐使用Utf-8编码格式

6、<meta>标签因为中间没有需要些的内容作为功能,所以就直接可以自己结束标签,而不采用成对出现的形式,自结束的写法<meta />

四、总结

1、掌握html代码基本结构

2、网页编码格式

3、解决乱码问题

相关文章:

  1. 计算机理论基础知识-计算机基础软硬件知识
  2. 计算机理论基础知识-计算机应用领域
  3. 计算机理论基础知识-操作系统知识
  4. html网页开发基础
  5. 零基础html5+div+css+js网页开发教程#001网页开发概述
  6. 零基础html5+div+css+js网页开发教程#002 html入门
  7. python中自定义序列的实现
  8. python第一个程序,定位在小学数学还是幼儿园?
  9. python输入与输出涨姿势
  10. python中整型与浮点型的数值转换

本文分享自微信公众号 - 编程创造城市(bcczcs),作者:刘金玉编程

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍

    html翻译一下:hype text mark language 超文本标记语言

    刘金玉编程
  • 零基础html5+div+css+js网页开发教程#001网页开发概述

    首先我们马上问道的小伙伴我们这个网页也需要它有什么作用呢?我们学网页肯定是有些网页的一个作用的,那么大家看到的现在的很多的网页,在Windows系统上面我们使用...

    刘金玉编程
  • html网页开发基础

    1.可以写网页名称(显示在浏览器的左上方),网页名称用标记<title></title>

    刘金玉编程
  • html段落标签、换行标签与字符实体

    <p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下:

    Devops海洋的渔夫
  • 一、HTML

    html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,...

    酱紫安
  • 正式学习第一天下午——基础标签及其属性

    今天下午学习了html中的基础标签及其属性。以下面的HTML代码为例。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

    二十三年蝉
  • Python3 爬虫快速入门攻略

    1、定义:网络爬虫(Web Spider),又被称为网页蜘蛛,是一种按照一定的规则,自动地抓取网站信息的程序或者脚本。

    py3study
  • html+css学习笔记014-H5新标签0浏览器兼容

    Mr. 柳上原
  • Python爬虫基础教学(写给入门的新手)

    本文着重点在于教新手如何学习爬虫,并且会以外行人的思维进行形象地讲解。最近我一兄弟想学,我就想写个教学给他,然后想不如分享到网络上,给热爱学习的人们一起学习探讨...

    python学习教程
  • 微信网页设计样式库WeUI发布

    为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 ? 该样式库目前包含 button (按钮)、c...

    ytkah

扫码关注云+社区

领取腾讯云代金券