首页 > 其他分享 >用Html的基本骨架展现一个基本网页

用Html的基本骨架展现一个基本网页

时间:2024-07-04 21:28:49浏览次数:3  
标签:基本 网页 代码 骨架 html Html 我们

目录

一.前言

二.html的定义

三.html的基本骨架 

四.简单网页的生成


一.前言

        在进行了开发环境的配置后,我们就可以开始编写Html的代码了。下面则是介绍下如何用html来进行一个网页的展示以及html的定义。

二.html的定义

        首先我们需要知道html到底是什么?简而言之,html就是超文本标记语言--HyperText Markup Language的缩写。其中,超文本就是一个链接,而标记呢,则也叫标签,是指带括号的文本。

三.html的基本骨架 

        接着在进行html代码的编写的时候,我们需要先在我们已经创建好了的文件夹下再新建一个后缀名为.html的文件:

        

接着我们来认识了解下html基本骨架,如下所示:

其中 标签中的html表示整个网页。

head则表示网页的头部,用来存放给浏览器看到代码,例如css。

body则是表示网页的主体,用来存放给用户看的代码,例如图片,文字。

title则是网页的标题。

那问题来了,骨架这么多,我们需要每次都把它敲出来吗?

答案当然不是了。我们可以使用一个英文的感叹号再加上enter或者tab键就可以快速生成html的基本骨架了,而且用生成的基本骨架打开的网页是一个空白网页。

四.简单网页的生成

        接下来我们对其空白网页进行下加工,使其看起来不再那么的单调。我们可以让其网页显示我爱学html,更爱学编程。然后让其网页标题为新目标,则只需更改代码为:

 

        最后的结果展示如下,是不是非常的神奇有趣呢:

 

标签:基本,网页,代码,骨架,html,Html,我们
From: https://blog.csdn.net/2303_78660417/article/details/140189012

相关文章

  • 实用篇:html
    实用篇:html前言编程序之前安装更换语言如何打开文件编代码HTML必学的东西框架标签如何快速打出一个网页(不加任何修饰)修饰如何运行排错最后前言HTML的全称为超文本标记语言,是一种标记语言。在之前在讲python爬虫的时候也提到过,爬虫数据是HTML,所以今天来讲一下HTML,......
  • 用HTML做计算器
    用HTML做计算器前言开肝创建基础框架构思修饰全部代码最后前言由于上节课我们学习了html,今天我们就来练习一下。开肝创建基础框架首先,我们先创建一个新文本文档,并把后缀名改为.html。右键,打开方式,选择vscode编辑器。vscode界面出现,按下英文问号,一个基础的框......
  • python爬虫2-HTML文本处理
    HTML文本处理re模式匹配正则表达式是一种强大的字符串匹配和处理工具,允许通过指定的模式来查找、替换和验证字符串。函数编译正则表达式re.compile(pattern,flags=0):将字符串形式的正则表达式编译为一个正则对象,用于后续的匹配操作。匹配操作re.match(pattern,str......
  • Spring Reactor基本介绍和案例
    1.Reactor对比1.1Reactor线程模型Reactor线程模型就是通过单个线程使用JavaNIO包中的Selector的select()方法,进行监听。当获取到事件(如accept、read等)后,就会分配(dispatch)事件进行相应的事件处理(handle)。如果要给Reactor线程模型下一个更明确的定义,应该是:Re......
  • 使用python基本库代码实现神经网络常见层
    一:批量归一化(BatchNormalization)代码解释:函数定义:batch_norm函数接受输入数据X、缩放参数gamma、平移参数beta和一个小常数epsilon,用于防止除零错误。X的形状为(N,D),其中N是批量大小,D是特征维度。gamma和beta的形状为(1,D)。计算批量均值和方差:me......
  • Yi.Admin+Blazor上手教程系列3-新项目的一些基本设置
    1、修改swg的组名配置ApplicationService//动态ApiConfigure<AbpAspNetCoreMvcOptions>(options=>{options.ConventionalControllers.Create(typeof(YiAbpApplicationModule).Assembly,options=>options.RemoteServiceName="default");......
  • html排版标签
    HTML排版标签标题标签标题使用<h1>至<h6>标签进行定义,都是双标签。<h1>定义最大的标题,<h6>定义最小的标题。属性align,属性值可以是:left、center、right。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname=&qu......
  • HTML5 WebSocket技术使用详解
    HTML5WebSocketAPI提供了一种在单个连接上进行全双工通信的方式。这意味着客户端和服务器可以同时发送和接收数据,而不需要像传统的HTTP请求那样进行多次请求和响应的轮询。WebSocket允许更实时的交互,非常适合需要快速、连续数据交换的应用场景,如在线游戏、实时通讯和股票行......
  • 初识html
    HTML初识HTML的概念html是超文本标记语言,全称是HyperTextMarkupLanguage。它不是一种编程语言,是一种描述性的标记语言作用:HTML是负责描述文档语义的语言概念:超文本两层含义:1、文本理解就是文字,超出文字的比如图片、视频、动画等。2、可以通过链接跳转页面概念:标记语言百......
  • HTML 视频(Video)
     在HTML中播放视频的方法有很多种。HTML视频(Videos)播放实例<videowidth="320"height="240"controls><sourcesrc="movie.mp4"type="video/mp4"><sourcesrc="movie.ogg"type="video/ogg">&l......