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

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

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


一、Html代码基本结构



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

根节点:<html>

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

image.png

节点基本结构图

image.png

代码结构图


二、网页编码格式



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

image.png

说明:这里的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、解决乱码问题

相关文章
|
29天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
41 3
|
1月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
41 4
|
1月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
55 0
html5+three.js公路开车小游戏源码
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
101 6
|
6月前
|
前端开发 容器
HTML <div> 和<span>
【6月更文挑战第2天】HTML <div> 和<span>。
38 5
|
7月前
|
前端开发 容器
HTML <div> 和<span>
HTML <div> 和<span>
|
前端开发 容器
HTML的层(div)和块(span)
大多数 HTML元素被定义为块级元素或内联元素。“块级元素”译为 block level element,“内联元素”译为 inline element。那什么是块级元素,什么又是内联元素呢?它们分别是用来做什么的呢?
113 0
HTML的层(div)和块(span)
JavaWeb学习之路(10)--HTML块级元素div与行级元素span
本文目录 1. 块级元素 2. 行级元素 3. div标签 4. span标签 5. 小结
171 0
html中的div span和frameset框架标签
Div和span 1.      div独占一层,由div九不允许有别的。 2.      span标签不是独自占用一行,span一般用来设置字体。 框架标签: 什么是框架标签,就是把一个页面分成很多块,来分别显示显示不同的页面,下面看一下这个例子就能完全懂了。
837 0