html网页制作(一)基础

news2024/9/28 9:28:10

之前做web的时候发现,有些页面的源代码,我都不能,完全看懂,所以就像学习一下

一.html是什么?

       HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等

         超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

二.html的工作原理

浏览器对接收到的HTML纯文本代码做进一步的解释并执行

三.网页,网站,主页的概念

网页:

一个纯文本格式的文件,代码属于HTML代码为主

网站:

有很多个网页构成的网页集合,

主页:

打开网站的第一个网页就是主页。

四.html的基本结构

<html>
   <head>
        <title>网页标题</title>
   </head>
   <body>
网页内容
 
   </body>
</html>

五.html结构解释

<html>网页整体</html>

<head>网页头部</head>

<body>网页身体</body>

六.HTML的基本常用标签

<h1></h1>——<h6></h6>网页内容标题标签

<br/>换行标签

<hr/>水平线标签

<p></p>段落标签

<span></span>范围标签

<img/>图片标签

<a></a>超链接标签

<ol></ol>有序列表

<ul></ul>无序列表

<li><li>;列表中的项

<dl></dl>图文混遍的列表定义

<dt></dt>d/中指定图片路径

<dd></dd>d/中指定文章内容

七.一个html基础网页

标记符<html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一个简单的网页</title>
	</head>
	<body>
		<h1>这是一个标题</h1>
		<h2>这是一个标题</h2>
		<h3>这是一个标题</h3>
		<h4>这是一个标题</h4>
		<h5>这是一个标题</h5>
		<h6>这是一个标题</h6>
		<p>这是一个段落</p>
	</body>
</html>

  < head></head>是他的头部部分

        <title></title>里面的内容就是这个网页的名字

        <body></body>是他的身体部分也就是我们常看到的网页内容

        <h1></h1>—<h6></h6>定义了一级到六级标题

        <p></p>定义了一个段落

链接

普通的链接:<a href="http://www.example.com/">链接文本</a>
图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>
书签:
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

 特殊符号

<html>
	<head>
		<title>特殊符号</title>
	</head>
	<body>
		<h1>空格符号</h1>
		符  号<br>
		符&nbsp;&nbsp;&nbsp;号<br>
		<!--半角空格-->
		符&ensp;&ensp;&ensp;号<br>
		<!--全角空格-->
		符&emsp;&emsp;&emsp;号<br>
		<hr>
		<h1>大于小于号</h1>
		&lt;span&gt;符号&lt;/span&gt;<br>
		<hr/>
		<h1>双引号</h1>
		&quot;符号&quot;
		<hr>
		<h1>版权符号</h1>
		&copy;&ensp;符号版权
	</body>
<html>

 

 

 图片

img图片{src:图片路径           title:鼠标悬浮时的提示文字       alt:图片未加载时的替代文字     width/height:宽高

<img src="./img/核桃.png" title="核桃" alt="核桃" width="100" height="100"/>

还有一些其它的标签

 如何动手做一个属于自己的网页——HTML基础知识总结_小小西瓜呀的博客-CSDN博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/546552.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

深入浅出JWT

什么是JWT? JWT的本质就是一个字符串&#xff0c;它是将用户信息保存到一个Json字符串中&#xff0c;然后进行编码后得到一个JWT token&#xff0c;并且这个JWT token带有签名信息&#xff0c;接收后可以校验是否被篡改&#xff0c;所以可以用于在各方之间安全地将信息作为Js…

chatgpt赋能Python-python3__2

Python3 中的位运算符 在 Python3 中&#xff0c;位运算符是用来执行二进制位操作的操作符。这些操作符允许我们对二进制位进行一些有用的操作&#xff0c;如位移、按位与、按位或、按位取反等。 在本文中&#xff0c;我们将介绍 Python3 中的位运算符 <<&#xff0c;也…

查看电脑的BIOS版本的五种方法

查看主板BIOS版本的五种方法 概述1. 在 BIOS 中查看2. 使用 DirectX 诊断工具3. 使用 CPU-Z 中查看4. 在 CMD 中查看&#xff08;一&#xff09;5. 在 CMD 中查看 &#xff08;二&#xff09;结束语 概述 BIOS是 Basic Input Output System 的缩略词&#xff0c;直译就是 **基…

Packet Tracer – VLAN 实施故障排除场景 2

Packet Tracer – VLAN 实施故障排除场景 2 拓扑图 地址分配表 设备 接口 IPv4 地址 子网掩码 默认网关 S1 VLAN 56 192.168.56.11 255.255.255.0 不适用 S2 VLAN 56 192.168.56.12 255.255.255.0 不适用 S3 VLAN 56 192.168.56.13 255.255.255.0 不适用 P…

chatgpt赋能Python-python3调用摄像头

Python3调用摄像头&#xff1a;介绍和实践 Python3 是一种高级编程语言&#xff0c;具有易学易用、支持多种编程方式和跨平台的优点&#xff0c;成为了科学计算、数据分析和人工智能等领域的常用语言。本篇文章将介绍如何使用Python3调用摄像头&#xff0c;并提供实践代码供读…

计算机网络 - 应用层

Application Layer Network Application 的架构 client-server 最常见的架构, 比如上淘宝, google drive都是客户端-服务器的架构 P2P 很多下载软件用的是这个架构, 比如BitTorrent Web and HTTP Overview 是一个超文本传输的协议, 客户端请求, 服务器响应, 发送对象的We…

【野火启明_瑞萨RA6M5】按键输入检测

文章目录 一、GPIO输入——按键输入检测二、硬件设计三、软件设计下载验证 一、GPIO输入——按键输入检测 按键检测原理 按键机械触点断开、闭合时&#xff0c;由于触点的弹性作用&#xff0c;按键开关不会马上稳定接通或一下子断开&#xff0c;使用按键时会产生 下图中的带波…

城市内涝的原因是什么?城市内涝监测预警系统有什么作用?

城市内涝是指在城市地区发生的、由于降雨或其他水源无法迅速排出而引起的洪水现象&#xff0c;城市内涝是城市发展过程中面临的重要挑战之一。本文着重为大家介绍城市内涝的原因&#xff0c;以及城市内涝监测预警系统的作用。 一、城市内涝的原因是什么? 1、排水系统不完善&am…

【基础6】存储过程的 创建与调用

目录 什么是存储过程 用户自定义存储过程 练习 什么是存储过程 什么是存储过程 类似于C语言中的函数。用来执行管理任务或应用复杂的业务规则存储过程可以带参数&#xff0c;也可以返回结果存储过程可以包含数据操纵等语句、变量、逻辑控制语句等。&#xff08;单个select语…

QT窗体绘图QPainter

QPainter INSCODE AI 创作助手&#xff1a; QPainter是Qt中的一个类&#xff0c;用于在窗口、图像或其他用户界面上绘制图形和文本。它提供了一些方便的方法来画线、矩形、圆、多边形和文本 QPainter绘图函数 INSCODE AI 创作助手&#xff1a; QPainter是Qt中一个用于绘图的类&…

MATLAB开发中的常见问题和解决方法:如何解决常见的性能和bug问题

章节一&#xff1a;引言 在MATLAB开发中&#xff0c;经常会遇到一些常见的性能和bug问题。这些问题可能导致程序运行缓慢、结果不准确或者甚至崩溃。本文将介绍一些常见问题&#xff0c;并提供解决方法和案例&#xff0c;帮助开发者更好地应对这些挑战。 章节二&#xff1a;性…

chatgpt赋能Python-python3多行输入

Python3多行输入教程&#xff1a;如何让你的输入更加高效 Python3是一种功能强大、易于学习的编程语言&#xff0c;被广泛应用于科学计算和数据分析领域。但是&#xff0c;对于初学者来说&#xff0c;输入数据可能是一个有些棘手的问题。在本文中&#xff0c;我们将介绍如何使…

chatgpt赋能Python-python3拷贝文件

Python3 拷贝文件方法及注意事项 拷贝文件在日常开发中是一项基本的操作。Python3作为一门既简洁又强大的编程语言&#xff0c;也提供了丰富的文件操作函数。在本篇文章中&#xff0c;我们将介绍如何使用Python3拷贝文件以及需要注意的细节。 为什么要拷贝文件&#xff1f; …

RHCE--openlab搭建网站

--作业要求-- 综合练习&#xff1a;请给openlab搭建web网站 ​ 网站需求&#xff1a; ​ 1.基于域名[www.openlab.com](http://www.openlab.com)可以访问网站内容为 welcome to openlab!!! ​ 2.给该公司创建三个子界面分别显示学生信息&#xff0c;教学资料和缴费网站&#x…

积水监测用什么传感器?道路积水监测设备

近年来&#xff0c;由于全球气候变化导致极端天气频发&#xff0c;在暴雨的侵袭下&#xff0c;许多城市都面临路面积水严重的问题&#xff0c;道路积水是道路交通安全和行车舒适度的一大威胁&#xff0c;给司机和行人带来了巨大的安全隐患。 如何解决道路积水问题? 1、强城市排…

ChatGPT又一重磅更新 - iOS官方App发布

写在前面&#xff1a;博主是一只经过实战开发历练后投身培训事业的“小山猪”&#xff0c;昵称取自动画片《狮子王》中的“彭彭”&#xff0c;总是以乐观、积极的心态对待周边的事物。本人的技术路线从Java全栈工程师一路奔向大数据开发、数据挖掘领域&#xff0c;如今终有小成…

余压传感器(探测器)最重要的两个功能是什么?

余压传感器&#xff08;探测器&#xff09;是什么&#xff1f; 余压传感器&#xff08;探测器&#xff09;主要用于测量两个位置之间的压差。 余压传感器&#xff08;探测器&#xff09;的作用&#xff1f; 流量测量&#xff1a;在管道中&#xff0c;通过测量两点之间的压差&…

头歌计算机组成原理实验—运算器设计(11)第11关:MIPS运算器设计

第11关&#xff1a;MIPS运算器设计 实验目的 学生理解算术逻辑运算单元&#xff08;ALU&#xff09;的基本构成&#xff0c;掌握 Logisim 中各种运算组件的使用方法&#xff0c;熟悉多路选择器的使用&#xff0c;能利用前述实验完成的32位加法器、 Logisim 中的运算组件构造指…

基于Freertos的ESP-IDF开发——5.使用按键[不带消抖、带消抖、长按短按识别]

基于Freertos的ESP-IDF开发——5.使用按键[不带消抖、带消抖、长按短按识别] 0. 前言1. 确定GPIO引脚2. 触发函数(不带消抖)3. 触发函数(带消抖)4. 长按和短按识别5.其他FreeRtos文章 0. 前言 这一节我们来学习使用按键操作。包括带消抖和不带消抖。 由于之前已经学习过FreeR…

chatgpt赋能Python-python3_run

Python3 Run&#xff1a;学习Python必须掌握的运行方式 如果你在学习Python编程&#xff0c;那么Python3 Run是你必须掌握的运行方式之一。Python3 Run可以让你在本地环境中运行Python代码并查看运行结果。在本文中&#xff0c;我们将介绍Python3 Run的基本概念、使用方法和注…