查看原文
其他

认识HTML网页的基本结构

作者一小红牛 我的Python教程 2024-01-14


Python,速成心法

敲代码,查资料,问度娘

练习,探索,总结,优化

HTML(HyperText Markup Language)是一种标记语言,用于创建网页结构和内容。HTML中的标记(也称为标签)定义了文本、图像和其他内容的显示方式,以及如何导航和交互。HTML的最新版本是HTML5,它引入了许多新功能,如视频和音频支持、画布绘图、本地存储、Web Workers和WebSocket等。这些功能使得HTML能够更好地满足现代Web应用程序的需求。

#01.HTML的基本结构包括,如<html>, <head>, <title>, <body>等。这些标记定义了文档的头部和尾部页面标题主体内容等。此外,HTML还提供了许多其他标记,用于创建标题、段落、列表、链接、图像、表格、表单等。

<!DOCTYPE html>    #1.表明为html<html><head>             #2.头部元素   <meta charset="utf-8"><title>我的Python代码微信公众号(:wdPython)</title></head><body>              #3.(主体内容)可见的页面内容 <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body></html>

  • <!DOCTYPE html> 声明为 HTML5 文档

  • <html> 元素是 HTML 页面的根元素

  • <head> 元素包含了文档的(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

  • <title> 元素描述了文档的标题

  • <body> 元素包含了可见的页面内容

  • <h1> 元素定义一个大标题

  • <p> 元素定义一个段落

  • 其他:在浏览器的页面,使用F12 按键,进入开发者工具模式,就可以看到每一个网页中元素构成对象了。


#02Html实例元素基础用法:

01标题(Heading)是通过<h1> - <h6> 标签来定义的。<h1>这是一个标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3>
02段落是通过标<p> 标签来定义的。<p>这是一个段落。</p><p>这是一个段落。</p>
03链接是通过 <a>标签 来定义的<a href="https://www.baidu.com">点击打开百度地址</a>
04图像是通过 <img>标签 来定义的<img id="s_lg_img" class="s_lg_img_gold_show" src="/fwc//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="270" height="129" onerror="this.src='https://pss.bdstatic.com/static/superman/img/logo/bd_logo1-66368c33f8.png';this.onerror=null;" usemap="#mp" title="" cursor="default">


完毕!!感谢您的收看

------------往期更多精彩内容------------

Python最新版本的安装教程(附详细图)

Pycharm的下载与安装方法(附教程图)

Pycharm初始化,新建一个python程序

Pycharm英文页界面,2种汉化的设置方法(教程附图)

Python常用的英文单词集合

Python基础教程:01代码的规范书写

Python基础教程:02内置函数的用法解析

Python基础教程:03运算符与表达式

Python基础教程:04流程控制语句

Python基础教程:05字符串String的用法解析

Python基础教程:06列表,元组,字典的用法

Python入门教程:07文件及目录操作

Python入门教程:08变量,保留字,字符串索引

Python入门教程:09常用的模块库

Python入门教程10:datetime的用法

Python入门教程:11推导式的写法

Python入门教程12:pip命令的使用

Python入门教程13:json的用法

Python入门教程14:高阶函数用法解析

Python入门教程15:面向对象编程思想

Python入门教程16:错误和异常调试

Python入门教程17:模块与包

-------------------------------------------------

---------------Python源码集合---------------

Python源代码分享:01九九乘法表

Python源代码分享:02海龟画图五角星

Python源代码分享:03画一个奥运五环图

Python源码分享:04列表数据的奇偶求和

Python源代码分享:05使用turtle模块绘制一个彩色螺旋图案

Python源代码分享:06猜数字大小与剪刀石头布

Python源代码分享:07画满天繁星

继续滑动看下一个

认识HTML网页的基本结构

作者一小红牛 我的Python教程
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存