HTML5学习（03）HTML基本结构（一）

最新推荐文章于 2022-09-27 17:29:40 发布
最新推荐文章于 2022-09-27 17:29:40 发布
阅读量229 收藏
点赞数
分类专栏： HTML5

  HTML基本标签有<!DOCTYPE>、<html>、<head>、<title>、<meta>、<body>等标签；这些标签是一个完整的网页必不可缺小的部分；

  安装一个第三方开发软件，新建一个demo.html，你会发现以上所有的标签都自动生成了；所以说这些标签是一个完整的网页必不可缺小的；

 我们需要看到我们设计的效果就需要去运行HTML文档，运行HTML文档方式有：

     1.直接使用文件物件路径访问；

         打开浏览器直接输入存储路径（至 .html）即可运行；

         使用此方法时浏览器会自动在浏览器地址添加一些关键词来表示当前访问的是物理路径；Chrome和Firefox浏览器会自动在地       址前添加”file:///“字符串表示访问的是物理路径；Safari浏览器必须手动添加”file:///“，如果直接输入物理路径则不能访问；Opera       浏览器会在地址前面添加”file://localhost“;IE10浏览器则不添加任务字符，直接使用物理访问；

    2.直接使用第三方软件访问；

    3.使用虚拟路径访问；

         把文档传到web服务器后，一般都需要通过虚拟路径访问；如访问本地程序路径为”F:\web\demo.html“，虚拟路径访问就为”http:// + 域名或者ip地址“即可；

  注：HTTP是超文本传输协议”http://“必须放在文件地址前面；

 

 

李yanru
关注
专栏目录
html5基本结构
An_Han_的博客
10-31 671
菜鸟小白学习前端第一天（html）超详细笔记，努力加油 html5的基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文档的标题</title> </head> <body> </body> <!DOCTYPE HTML> 定义文档类型为html <html>
H5入门教程
最新发布
weixin_43416590的博客
07-20 1223
action属性表示后端的服务器地址，name表示名称，method表示数据提交的方式，与网络请求有关，一般有get和post两种。元素可分成很多类，具体可以参考如下的网址：https://developer.mozilla.org/en-US/docs/Web/HTML/Element，但是一些教程为了简单，按照块级元素和行内元素分类，这个分类具体可以参考如下网址：https://blog.csdn.net/weixin_46561196/article/details/115510852。
HTML5文件的基本结构
qq_57153404的博客
03-16 813
<!DOCTYPE html> /*声明为 HTML5 文档*/ <html> <head> /*头部文件 元素包含了文档的元（meta）数据， 如 <meta charset="utf-8"> 定义网页编码格式 为 utf-8。*/ <title> /* 此标签描述了文档的标题 */ 我的第一个网页 </title> </head> <body> /* 此标签.
html5文件基本结构
xiao1ni1zi的专栏
05-02 1093
在一个HTML文档中，必须包含标记，并且放在一个HTML文档中的开始和结束位置。 中间包含两个部分，分别是和，head标记包含HTML头部信息，如文档标题，样式定义等。body包含文档主体部分。 例如 网页标题 网页正文内容 认识HTML5标记 除了成对出现的标记外，还可能出现单独标记，如(换行标记),单独标记在相应位置插入元素即可。 HTML标记
送给HTML的初学者——H5的基本结构和标签
weixin_30904593的博客
02-26 220
送给HTML的初学者——H5的基本结构和标签 这篇博客写给所有HTML的初学者，希望这篇博客可以对初学者有所帮助，同时也希望大家在学习HTML的道路上不怕艰险，不畏困难。 一、什么是HTML HTML是HyperText Markup Language的缩写，翻译成中文是超文本标记语言，用于网页的创建。 二、HTML的基本结构 主...
html5的基本结构
weixin_44312657的博客
12-31 1527
DOCTYPE 声明文档类型 DOC => document简写 (文档) TYPE => 类型 html => 超文本标记语言 此页面 => 标记语言 什么是标记？ （也叫标签 或 元素 =>组成页面的基本结构） 1. 写在<>之间的第一个单词 叫做标记 2. html,head,meta,title,body => 都是标记(标签 或 元素) 3. 标记(标签) 一定要闭合 4. 标记之前是可以相互嵌套的 常见的标记有两种？ a. .
HTML5学习笔记（一）—— HTML5的结构
Singleton1900的专栏
05-26 1063
1.为了使得文档结构更加清晰明确、容易阅读，HTML5增加了很多新的结构元素。 2.article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容，可以嵌套使用。section元素用户对网站或者应用程序的页面的内容进行分块。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或者通过脚本定义行为时，推荐使用div元素而非section元素。如果一
HTML5之网页页面的基本结构
WQuestion的博客
08-31 2537
1、页面的基本结构 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>标题栏</title> </head> <body> 网页内容 </body> </html> 2、基本结构中各标签的含义 <!-- 文档声明，声明当前网页的版本 --> <!Do
HTML5学习笔记
m0_61721166的博客
03-08 8992
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML5 || H5概述及文档基本结构
老大爷
08-18 4591
- 功能： 1、核心：由W3C官方的规范组成，设计新的语义元素、新增的web表单、音频、视频、以及通过JavaScript绘图的Canvas； 2、曾经的html5标准：来自最初的html5规范、其中大多数功能需要JavaScript且支持富web应用开发；比如：本地数据存储、离线应用和消息传递‘ - 特点： 1、向下兼容：XHTML2.0遵循严格模式，对有错误的html文件无法正常显示，...
HTML5学习笔记（总结提炼版）——002 CSS
03-14
它能够让你将设计样式与网页内容分离，使得网页内容的结构与表现形式相分离，使网页更加易于维护和更新。 【CSS的基本使用】 CSS的使用主要有三种方式：行内样式、内部样式表和外部样式表。行内样式是直接在HTML...
HTML的基本结构及基本标签
B18325387728的博客
09-27 8169
html的基础结构及常用的基础标签学习分享
HTML5的基本结构
粥要熬。
09-10 1150
新增的主体结构元素 新增的主体结构元素包括：article、section、nav、aside article元素代表文档、页面或应用程序中独立的、完整的、可以被外部引用的内容。它可以是一篇博客或报章杂志中的文章、一篇论坛帖子、一段用户评论或一个独立的插件，或者其他任何独立的内容。除了内容部分，一个article元素通常有自己的标题，有时还有自己的脚注。article元素通常是可以嵌套使用的，
html5 基本结构
bendan233的博客
03-18 145
&lt;html&gt; &lt;head&gt; &lt;title&gt;犄角&lt;/title&gt;//一个开始标签，一个结束标签，包含起来整个叫元素(element)，里面叫内容(content) &lt;/head&gt; &lt;body&gt; 尾巴 &lt;/body&gt; &lt;/h...
1.html5的基本结构
weixin_34250434的博客
03-04 134
总结：1.当插入图片时，一旦文件放入的位置发生改变，那图片就应需重新插入，否则会因为地址问题而无法显示（后面学到用代码后就不在用插入的方式，应为代码一多，插入的方式会使原有的代码变得混乱） html5的基本结构<!doctype html><html><head><meta charset="utf-8"><title>此处输入的会显示...
H5基本结构
wumingdh666的博客
03-28 1万+
&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;title&gt;&lt;/title&gt;    &lt;style type="text/css"&gt;    &lt;/style&gt;&lt;/head
1.HTML5文件的基本结构
热门推荐
small_rain_的博客
08-11 1万+
1.基本的HTML5的页面整体结构：                  //声明不属于html标记；是一条指令，告诉浏览器编写网页所用的标记版本                                                 //是头部标记，不显示网页中；可包含其他标记：标记定义css样式表，通过标记定义javascript脚本文件                    
HTML入门教程：学习基本标签和文档结构
了解并熟练使用这些基本标签是学习HTML的关键。 通过学习这个HTML教程，你可以开始创建自己的网页，掌握网页设计的基本技能，进一步探索网页开发的世界。不断实践和学习，你将能够创建出功能丰富、设计精美的网页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值