HTML网页骨架--＜!DOCTYPE＞文档类型

最新推荐文章于 2022-03-10 20:27:47 发布
最新推荐文章于 2022-03-10 20:27:47 发布
阅读量86 收藏
点赞数
分类专栏： 前端 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whileqq/article/details/114804186
版权

生成 “.html文件”：

工具：vscode：
新建文件 ctrl+N
先保存为.html文件
英文输入"！" ， 按下tab 直接出现网页骨架
利用插件浏览写的网页open in browser

HTML网页骨架

HTML骨架标签
html 根标签
head头标签
title文档标题
body 主体

（1）<!DOCTYPE>文档类型声明标签：
告诉浏览器使用哪种HTML版本来显示网页

位于文档中最前面的位置，在标签之前 不是一个HTML标签，它就是文档类型声明标签

（2）写在最开头

用最新的html5版本来显示页面 定义当前文档显示的语言为英文（zh-CN为中文）

（3）写在head头标签中
字符集（charset)是多个字符的集合
必须要写的代码： 用来规定HTML文档使用哪种字符编码
charset常用的值：GB2312、BIG5、GBK、UTF-8（万国码）

whileqq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文章配套网页源代码-HTML <!DOCTYPE> 声明
05-19
博客文章： 关于HTML中的 <!DOCTYPE> 声明 文章配套示例HTML源代码 内容说明：DOCTYPE是Document Type（文档类型）的简写，要想制作符合标准的HTML页面，一个必不可少的关键组成部分就是DOCTYPE声明。
【Web知识点】------ HTML
qq_41543825的博客
04-11 1052
【Web知识点】HTML 文章目录【Web知识点】HTML一、HLML （超文本标记语言）1、什么是HTML2、怎么学HTML3、开发工具二、HTML常用标签1、标签定义2、标签、标签属性3、标签分类4、块级标签（4个）5、行内标签（4个）5、行内元素、块级元素的相互转换（样式修改）三、HTML特殊符号1、特殊符号2、特殊符号代码四、HTML表格1、概念2、HTML表格五、HTML表单``````(常用)1、概念2、应用3、HTML表单六、web小案例（用户注册页面）1、效果2、代码 一、HLML （超文本
HTML - DOCTYPE和lang以及字符集的作用
qq_33962481的博客
05-11 3697
文章目录一、使用VSCode生成骨架标签二、新增代码解释1. ``标签2. lang : 语言3. charset : 字符集 一、使用VSCode生成骨架标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
网络安全---HTML基础、URL字符
bffanfan的博客
01-04 511
HTML 语言简介 概述 HTML 是网页使用的语言，定义了网页的结构和内容。浏览器访问网站，其实就是从服务器下载 HTML 代码，然后渲染出网页。 HTML 的全名是“超文本标记语言”（HyperText Markup Language），上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。它的最大特点就是支持超链接，点击链接就可以跳转到其他网页，从而构成了整个互联网。 1999年，HTML 4.01 版发布，成为广泛接受的 HTML 标准。2014年，HT
第一篇（HTML5)整理笔记
wuhuaGEZI的博客
03-10 230
<!DOCTYPE> 文档类型声明---------------<!DOCTYPE html> HTML5的声明 主骨架 <html> <head> <title></title> </head> <body> ... </body> </html&g...
HTML和XHTML的联系与区别,文档类型<!DOCTYPE>
07-30
NULL 博文链接：https://liuzidong.iteye.com/blog/850929
DOCTYPE类型详细介绍
09-28
我们在HTML里面声明DOCTYPE...DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
HTML !DOCTYPE 标签 声明HTML版本
08-23
DOCTYPE> 声明，这样浏览器才能获知文档类型。 HTML 4.01 与 HTML5 之间的差异 在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种： <!DOCTYPE html> HTML 元素和文档类型（Doctype） 提示和注释 ...
HTML <!DOCTYPE> 标签
10-25
在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下，不同浏览器的解释模型都有所差异，
CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器
whileqq的博客
03-14 5443
CSS复合选择器 建立在基础选择器上，对基本选择器进行组合形成的 可以更准确、更高效的选择目标元素（标签） 包含：后代选择器、子选择器、并集选择器、伪类选择器 一、后代选择器 又称为包含选择器，可以选择父元素里面的子元素。 其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就成为外层标签的后代。 ol li { color: pink; } <ol> <li>我是ol的孩子</li
CSS的引入方式----行内式、嵌入式、链接式
whileqq的博客
03-14 4269
CSS的引入方式 按照CSS样式书写的位置（或引入的方式），CSS样式表可以分为三大类 1、行内样式表（行内式） 2、内部样式表（嵌入式） 3、外部样式表（链接式） 一、内部样式表（嵌入式） （1）是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个style标签中 （2）style理论上可以放到html的任何一个地方，但通俗的约定放在文档的head标签中 通过此种方式，可以方便控制当前整个页面中的元素样式设置 优缺点：代码结构清晰，但没有实现结构与样式完全分离 二、行内样式表（行内式） 是在
Cutterman切图神器安装
whileqq的博客
01-10 1282
Cutterman切图神器安装 注：Cutterman插件要求Photoshop必须是完整版，不能是绿色版。 1、下载Cutterman 官网地址：http://www.cutterman.cn/zh/cutterman 可下载Cutterman3.6 2、解压到文件夹，打开后直接运行exe 等待安装完成。 3、在官网上用邮箱注册一个账号。 4、打开Photoshop 点击菜单栏上的 "窗口->扩展功能->Cutterman " 输入自己注册时用的邮箱和密码，就可以开始使用啦！！ ...
CSS基础选择器---类选择器、id选择器
whileqq的博客
03-14 272
选择器的作用：根据不同的需求把不同的标签选出来 CSS基础选择器 是由单个选择器组成的 包括：标签选择器、类选择器、id选择器、通配符选择器 （1）标签选择器： 指用html标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 优点：能够快速为页面中同类型的标签统一设置样式。 缺点：不能设计差异化样式，只能选择全部的当前标签。 （2）class类选择器： 可差异化选择不同的标签，单独选一个或某几个标签。 .类名 { 属性1： 属性值1； … } eg： .red { color: r
CSS Fonts字体属性
whileqq的博客
03-14 233
CSS Fonts（字体）属性 CSS Fonts（字体）属性用于定义字体系列、大小、粗细、和文字样式（如斜体） 一、CSS使用font-family属性定义文本的字体系列 h2 { font-family: '微软雅黑'; } p { font-family: 'Microsoft YaHei',Arial; } （1）各种字体之间必须使用英文状态下的逗号隔开。 （2）一般情况下，如果有空格隔开的多个单词组成的字体，加引号
JS 修改函数内部的this指向（call、apply、bind）
whileqq的博客
03-29 179
函数内this的指向： 函数体内的this 的指向，是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同，一般指向我们的调用者。 改变函数内部this指向： JavaScript 为我们专门提供了一些函数方法来帮我们处理函数内部 this 的指向问题，常用的有 bind()、call()、apply() 三种方法。 1、call方法： call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。 fun.call(thisArg, arg1, arg
双飞翼布局和圣杯布局（中间自适应的三栏布局）
whileqq的博客
05-13 166
双飞翼布局和圣杯布局 面试中经常被问到的双飞翼布局和圣杯布局 通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。 一、两者区别： （1）圣杯布局：为了让中间div内容不被遮挡，将中间div设置左右padding，然后将左右两个div用相对布局position: relative并分别配合right和left属性，以便左右两栏div移动后不遮挡中间div。 （2）双飞翼布局：为了让中间div内容不被遮挡，直接在中间div内部创建子div用于放置内容，在该div里用margin-left和margin-
构造函数原型和原型链（prototype、__proto__、constructor）
whileqq的博客
03-28 130
构造函数原型prototype JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。 注意: 这个 prototype 就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。 构造函数通过原型prototype分配的函数是所有对象所共享的。我们可以把那些不变的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这些方法。 我们也称为 prototype 为原型对象。 原型__proto__ 对象都会有一个属性__proto__指向构造函
HTML+CSS清除浮动
whileqq的博客
01-10 67
HTML+CSS清除浮动 清除浮动的本质是清除浮动元素造成的影响。 如果父盒子本身有高度，则不需要清除浮动。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。 语法 语法： 选择器{clear：属性值；} 属性值： left 不允许左侧有浮动元素（清除左侧浮动的影响） right 不允许右侧有浮动元素（清除右侧浮动的影响） both 同时清除左右两侧浮动的影响 清除浮动的方法 清除浮动的策略是： 闭合浮动，只让浮动在父盒子内部影响，不影响父盒
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 绿叶学习网； </body> </html>哪里错了
最新发布
03-22
2. 缺少`<title>`标签，这个标签用于定义网页的标题，显示在浏览器的标题栏或标签页上。 3. 缺少`<body>`标签内的内容，这个标签用于定义网页的主体内容，可以在其中添加文本、图片、链接等元素。 修正后的代码如下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值