HTML网页基础构成

最新推荐文章于 2023-05-10 18:41:49 发布
最新推荐文章于 2023-05-10 18:41:49 发布
阅读量424 收藏 1
点赞数 1
分类专栏： html5 css 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37178923/article/details/78883210
版权

HTML网页基础构成

1. DOCTYPE

一种标准通用标记语言的文档类型声明，通知标准通用标记语言解析器，用什么文档类型定义（DTD）来解析文档

  • HTML5 <!doctype html>
  • HTML4.01 比较复杂，三种文档类型
    • HTML Strict DTD 支持层叠样式表
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    • HTML Transitional DTD 不支持层叠样式表
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    • Frameset DTD 带有框架的HTML网页
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

DOCTYPE标签除了声明HTML网页外，还可以声明其他类型
<!doctype math> 数学标记语言
<!doctype tmx> 翻译存储交换标记语言
<!doctype wml> 无线标记语言

2.html

HTML的开始和结束标记

<html lang = "en">
</html>

lang
规定标签内容的语言 “en”英文 “zh”中文

3.head

所有头部标签的容器，可以实现描述元信息（meta）、添加层叠样式表（CSS）、引用外部脚本文件（JavaScript）、定义HTML网页标题与其他文档的关系等。

  • meta
    辅助型标签 有两个属性 http-equiv name 属性值放在content属性中

    http-equiv

    • Content-Type 设定显示字符集
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      utf-8为通用的Unicode编码格式

    • Content-Language 设定页面语言
      <meta http-equiv="Content-Language" content="zh-cn"/>
      zh-cn简体中文 zh-tw繁体中文 en-us英语（美国）

    • Refresh 自动刷新并重指向新页面
      <meta http-equiv="Refresh" content="1;url=" " "/>
      刷新间隔1秒，重定向链接地址

    • expires 网页过期时间 时间使用GMT格式
      <meta http-equiv="expires" content="Sun,31 Dec 2015 23:23:23 GMT"/>

    • Pragma cache模式
      <meta http-equiv="Pragma" content="no-cache"/>
      禁止浏览器从本地缓存中访问HTML内容

    • Set-Cookie 网页过期设定
      <meta http-equiv="Set-Cookie" content="cookie-value=xxx; expires=Sun,31 Dec 2015 23:23:23 GMT "/>
      到期cookie自动删除

    • Window-target 显示窗口设置
      <meta http-equiv="Window-target" content="_top"/>
      强制网页在当前窗口以独立页面方式显示

    name

    • author 作者
      <meta name="author" content="king"/>

    • revised 网页最后一次更改的作者及时间
      <meta name="revised" content="king,10/23/2017"/>

    • generator 创建和编辑网页的工具软件

    • description 网页功能内容的描述

    • keywords 网页的关键字

  • base
    网页默认打开方式的声明
    为页面的所有链接提供默认地址和默认打开目标，使用指定的url地址来解析所有相对url地址
    <base href="http://localhost:8080 target="_blank"/>

    target
    _blank(新窗口打开)
    _self(自身窗口，默认)
    _parent(父窗口或框架集中打开) _top(清除所有被包含的框架，文档载入整个浏览器窗口)

  • link
    定义目标文件的引用
    <link rel="stylesheet" type="text/css" href="css/style.css">

  • style
    定义直接嵌入网页的层叠样式表（CSS）代码
    <style type="text/css"></style>

  • script
    引入外部js或者之间嵌入脚本代码
    <script src=" "></script>
    <script type="text/javascript"></script>

  • title
    定义网页的唯一标题
    <title>XXX</title>

4.body

HtML网页主体

wendiudiua
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页设计基础教程html
03-23
网页设计的基础教程——HTML的基本构成元素和基本标签的使用，本资源简单详尽的讲解让初学者快速入门。
HTML 网页基本组成
小步教程
08-22 82
通过HTML标签实现，例如：文本输入框(标签input)、段落(标签p)、图片(标签img)、按钮(标签button)。例如JD首页右侧的导航菜单，当我们鼠标放在不同的品类上，右边会显示具体的明细品类。样式通过CSS技术实现，用于美化元素，例如：字体大小颜色、背景颜色、边框。广义的HTML技术包括：HTML标签、CSS、JavaScript。广义的HTML技术包括：HTML标签、CSS、JavaScript。下图包含的元素：1个标题、2个按钮。左边按钮采用的默认样式，右边是CSS美化后的样式。
html基础知识
zwj_zny的博客
03-01 1124
HTML粗略总结
网页的组成、HTML概述、标签
FrankieCao的博客
05-10 642
HTML这门技术存在的意义就是定义网页的主体结构。-- form 标签：本身不显示，仅仅只是从逻辑上定义一个表单 -->-- action 属性：指定表单提交的目标地址（将来这里肯定是对接 Java 程序） -->-- method 属性：指定提交当前表单后，使用什么请求方式。可选值包括：get、post -->-- 请求方式建议使用 post -->
HTML页面基本结构
ysds20211402的博客
04-05 2208
转自：微点阅读https://www.weidianyuedu.com 之前介绍了HTML的编码规范，良好编码规范可以让我们的代码更加的易于维护，而今天要说的基本结构，则是能够让我们的页面正确的进行页面显示和SEO，正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"...
网页制作基础教程
01-06
1、网站由网页构成，并且根据功能的不同，网页又有______和动态网页之分。 2、Web标准是一系列标准的集合，主要包括结构、_____和______。 3、HTML中文译为________，主要是通过HTML标记对网页中的文本、图片、声音...
动态网页HTML之基础篇
10-22
适合初学者用，知识点介绍的很全面 HTML简介HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
FrontPage教程:网页制作基础知识
09-22
1、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page），如...网页中包含文字、图片、声音、动画、影像以及链接等元素，通过对这些元素的有机组合，就构成了包含各种信息的网页。其中，文字是网
HTML的基本标签是构成网页内容结构的基础元素，下面是一些常见的HTML基本标签
最新发布
01-18
HTML的基本标签是构成网页内容结构的基础元素，下面是一些常见的HTML基本标签
HTML基本网页结构
weixin_69761220的博客
05-04 4227
HTML基本结构
重走HTML之HTML网页的构成
qq_40708840的博客
10-14 285
HTML网页的构成 一个完整的HTML网页是由多个HTML元素按照一定的方式组成。由以下五部分组成 <!DOCTYPE html> HTML页面必须遵循这些规则才能被认为是好的HTML，这些规则会用来检测网页是不是存在问题历史产物，必须包含在页面中。 <html> HTML的根元素，用来包含HTML文档的所有元素 <head> 包含在头部的内容不会被显示在页面中，这里通常包含页面的编码，作者，页面的描述信息，JavaScript的导入，CSS的导入等信息 <m
html网页基本组成部分组成,html网页基本结构
weixin_29936201的博客
06-15 545
不是 HTML 标签。它为浏览器提供一项信息(声明)，即 HTML 是用什么版本编写的。HTML5 DOCTYPE 的 HTML 文档类型如下：1 2 3 4 Title of the document5 6 7 The content of the document......8 9 HTML 版本常用声明：(感兴趣也可以参考W3CHTML文档版本介绍，了解更多)HTML5HTML 4.01...
HTML页面的基本组成
潘治岐的专栏
12-01 881
HTML文档首先要声明一个文档类型,也就是上面例子前两行,定义了XHTML1.1文档类型.和是HTML文档的开始与结束.HTML文件中主要分为头信息head与内容信息body.DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">html>    
html基本页面的构成,HTML网页的基本组成概述
weixin_42349135的博客
06-03 195
HTML网页的基本组成概述互联网 发布时间：2008-10-17 18:56:54 作者：佚名 我要评论网页中的信息主要是以文本为主的。在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。这里指的文字是文本文字，而并非图片中的文字。在网页制作中，文字都可以方便地设置成各种字体和大小，但是这里还是建议用于正文的文字一般不要太大，也不要使用太多的字网页中的信息主要是以文本为主...
HTML基本组成
Jackie_bupt的博客
06-09 6645
1、DOCTYPE在页面中，用来指定页面所使用的HTML的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签。 在 HTML 4.01 中有三种 声明: 过渡型：(该 DTD 包含所有
HTML组成成分及其结构
weixin_44552861的博客
07-17 1395
一、HTML基本结构 <!DOCTYPE html> <!-- H5文档类型=html --> <html> <head> <!-- 屏幕自适应大小--> <meta name="viewport" content="width=device-width" /> <title>文档标题&lt...
网页的基本组成部分
diliannie1104的博客
08-28 8014
1) 结构层 HTML/HTML5 网页的骨架，HTML是网页内容的载体，内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2) 样式层 CSS/CSS3 CSS样式是表现。就像网页的外衣，比如，标题字体、颜色变化，或为标题加入背景图片、边框等，所有这些用来改变内容外观的东西称之为表现。 3) 行为层 Javascript JavaScript是...
纯静态html网页模板
07-12
### 回答1： 纯静态HTML网页模板是一种简单而基础的网页模板。它由纯HTML代码构成，不包含任何动态元素或后端的交互。这种模板适用于简单的静态网页，无需后台服务器的支持。 纯静态HTML网页模板的特点是简洁、轻巧，加载速度快，不需要复杂的技术知识即可创建和维护。它通常包含一个基本的网页结构，包括头部、主体和底部，并使用CSS样式来美化页面的外观。 使用纯静态HTML网页模板，你可以自由编辑HTML代码，添加文本、图片、链接和其他元素来呈现你想要的内容。可以根据需要自定义样式，通过CSS来调整网页的布局和外观。同时，还可以使用JavaScript来增加一些交互效果，如鼠标滚动动画、轮播图等。 纯静态HTML网页模板的最大缺点是无法实现动态内容的展示和交互。它无法处理用户的输入或向服务器发送请求，也无法根据用户的操作动态更新内容。因此，若网站需要有动态交互的功能，比如用户注册、登录和数据交互等，纯静态HTML网页模板就不再适用。 总的来说，纯静态HTML网页模板是一种简单而基础的网页模板，适用于无需后端支持的简单静态网页。它具有简洁、轻巧和快速加载的特点，但无法实现动态内容和交互功能。 ### 回答2： 纯静态HTML网页模板是一种仅包含HTML文件的网页模板，没有任何动态的服务器端脚本或数据库查询。这种模板适用于小型网站或只需要展示固定内容的网页。以下是关于纯静态HTML网页模板的一些特点： 1. 网页内容静态不变：纯静态HTML模板没有动态生成的内容，每次访问网页时都会呈现相同的内容。这意味着网页的内容不会随着用户的操作而改变。 2. 页面加载速度快：因为纯静态HTML网页没有服务器端脚本或数据库查询，所以它们的加载速度较快。所有的内容都保存在HTML文件中，不需要进行后台的数据处理。 3. 易于维护和部署：由于没有服务器端脚本的应用，纯静态HTML网页模板的维护和部署工作相对较简单。只需要将HTML文件上传到服务器上即可，不需要额外的配置或安装。 4. 不适合复杂功能：纯静态HTML网页模板无法实现复杂的交互功能，例如用户登录、评论系统或购物车等。这些功能通常需要服务器端的脚本来处理用户的输入和逻辑操作。 5. 不易于更新：由于没有后台，纯静态HTML网页模板的更新必须手动进行。每次需要修改网页内容时，都需要编辑HTML文件并重新上传到服务器上。 总结来说，纯静态HTML网页模板适合于较小规模的网站或只需要展示静态内容的页面。它们加载速度快，易于维护和部署，但无法实现复杂的交互功能，需要手动更新网页内容。 ### 回答3： 纯静态html网页模板指的是没有使用服务器端脚本语言（如PHP、Node.js等）和数据库的网页模板。它主要由HTML、CSS和JavaScript组成。 首先，HTML是用于结构化网页内容的标记语言。通过使用HTML标签，我们可以定义网页的基本结构，如标题、段落、图像、链接等。纯静态HTML网页模板主要是通过嵌入静态HTML代码来展示网页内容。 其次，CSS（层叠样式表）用于控制网页的样式和布局。通过CSS，我们可以定义网页的颜色、字体、边距、背景等外观效果。在纯静态HTML网页模板中，CSS通常被嵌入在HTML文件的"style"标签中，或者可以链接到外部CSS文件。 最后，JavaScript是一种用于增加交互性和动态效果的脚本语言。通过JavaScript，我们可以实现网页的一些动态功能，如表单验证、菜单切换、图片轮播等。纯静态HTML网页模板通常会使用JavaScript来实现这些简单的交互效果。 纯静态HTML网页模板适合于简单的静态网站或者展示性的网页。它的优点是加载速度快，兼容性好，不受服务器端脚本语言或数据库的限制。然而，由于它缺乏动态性和交互性，无法处理用户的输入和查询等复杂功能。 总之，纯静态HTML网页模板是一种简单、高效的网页创建方式，适用于展示性的网页内容。通过合理使用HTML、CSS和JavaScript，我们可以创建出美观、功能简单的静态网页。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值