当前位置： 首页 > article >正文

网页制作01-html,css,javascript初认识のhtml的基本标记

article 2026/4/18 7:21:49

一、 Html简介

英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准.

 Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容.

1.html 的基本标记

1）头部标记head

2）元信息标记meta

3）主体标记body

4）<!--注释内容-->

<!doctype html>
<html>
<head><!--文档头部信息,一般包括标题,基础信息和源信息等,一般不会在网页上直接显示-->
<title>AMA_TOR网页制作</title>
<meta><!--一般用来定义页面信息的说明/关键字/刷新等,不需要设置结束标记--><!--meta的属性有name http-equiv--><!--name属性主要描述网页,供搜索引擎查找，分类-->
<meta name="Keywords" content="网页制作，html,css,javascript">
<meta name="Description" content="页面说明:这是实例制作">
<meta name="generator" content="dreamweaver"><!--设置编辑工具-->
<meta name="author" content="Ama_tor"><!--http-equiv主要设置语言的编码方式,和语言-->
<meta http-equiv="Content-Type" content="text/html" charset="gb2312"/><!--简体中文为gb2312，英文是ISO-8859-1-->
<meta http-equiv="Refresh" content="10,URL=I:\03HTML\Untitled-1.html"><!--这里是网页跳转,20秒之后跳转到index1的网页-->
</head><body>
<body topmargin="100" leftmargin="100"><!--设置页边距-->
<center><body link="#081DEC" alink="#FFFFFF" vlink="#B90003"><a href="#">链接的文字</a></body><!--链接前后点击时的颜色设置-->
</center><br/><body bgcolor="FF99FF"></body><!--背景设置为紫色-->
<!--<body background="微信图片_20250215223402.jpg"><!--背景图片设置--></body><body text="9966CC"></body>这是第1段<br/><br/><strong>这是第2段<br/></strong><br/>这是第3段<br/>
</body>
</html>

演示效果如下： 

2.  Css简介

 Cascading style sheet,层叠样式表,是一种制作网页的新技术,现在已经为大多数浏览器所支持成为网页设计必不可少的工具之一.使用css能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.

/*注释内容*/
/* 注释内容 */ 
示例 
/* ----------这是文字样式设置---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size:12px; 
} 
/* 黑色16象素文字 */ 
.dreamdublack16px 
{ 
color:black; 
font-size:16px; 
} 
/* ----------文字样式结束---------- */

3. Java script简介

是一种解释型的,基于对象的脚本语言

 Html只能制作出静态的网页,无法独立的完成与客户端动态交互的网页设计,因此引入JavaScript脚本语言,使网页产生动态效果,

//注释内容 (javascript中插入单行注释)

//document.write("www.baidu.com")

/*注释内容*/ （javascript中插入多行注释)  

/* 
var baidu = "www.baidu.com"; 
var baidu = "duniang"; 
*/

相关文章：

网页制作01-html,css,javascript初认识のhtml的基本标记

一、 Html简介 英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准. Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容. 1.html 的基本标记 1&#xff09;头部标…...

编程日记 2026/4/6 6:56:15

vue 判断字符串开头是http或者https

在 Vue 中判断字符串是否以 http 或 https 开头&#xff0c;可以通过以下步骤实现&#xff1a; 方法一&#xff1a;使用 startsWith() 方法 // 在 Vue 组件的方法或计算属性中 isExternalLink(url) {return url?.startsWith(http://) || url?.startsWith(https://); }方法二…...

编程日记 2026/3/26 4:14:11

linux常用命令大全（包括抓包、网络检测、路由等，做项目一点点总结而来！）

文章目录 常用命令**apt相关****ls**&#xff1a;**cd****cp****ls -l | grep ssh**&#xff1a;会列出当前目录中包含 “ssh” 的文件或目录的详细信息。**系统资源**linux路由相关抓包工具和命令tcpdumpwiresharktshark iperf 常用命令 通过上下方向键 ↑ ↓ 来调取过往执行过…...

编程日记 2026/4/6 4:52:22

HarmonyOS组件之Tabs

Tabs 1.1概念 Tabs 视图切换容器&#xff0c;通过相适应的页签进行视图页面的切换的容器组件每一个页签对应一个内容视图Tabs拥有一种唯一的子集元素TabContent 1.2子组件 不支持自定义组件为子组件&#xff0c;仅可包含子组件TabContent&#xff0c;以及渲染控制类型 if/e…...

编程日记 2026/2/15 23:17:06

Linux学习笔记之虚拟地址空间

1.示例引入 运行如下代码那么运行结果如下图。 #include<stdio.h> #include<unistd.h>int main() {pid_t id fork();if(id-1){printf("创建进程错误&#xff01;\n");return 1;}int size0;if(id0){//子进程while(1){printf("我是子进程&#xff0c…...

编程日记 2026/4/6 1:12:39

前端高级面试题

以下是一些前端高级面试可能涉及到的内容： 一、前端工程化 如何构建一个适合大型团队的前端代码规范和构建流程？ 答案： 代码规范方面： 使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有…...

编程日记 2025/12/23 10:40:53

MySQL判空函数--IFNULL函数的使用

文章目录 IFNULL函数介绍IFNULL函数的语法举例相关扩展 IFNULL函数介绍 在MySQL中&#xff0c;IFNULL函数用于判断给定的表达式是否为NULL。如果表达式为NULL&#xff0c;则IFNULL函数返回指定的替代值&#xff1b;如果表达式不为NULL&#xff0c;则返回表达式本身的值。 IFN…...

编程日记 2025/11/26 9:38:37

HTTP的“对话”逻辑：请求与响应如何构建数据桥梁？

一、前言 作为现代互联网通信的基石&#xff0c;HTTP协议定义了客户端与服务器之间的“对话规则”。每一次网页加载、API调用或文件传输的背后&#xff0c;都离不开精心构造的HTTP请求与响应。请求中封装了用户的意图——从请求方法、资源路径到提交的数据&#xff1b;响应则承…...

编程日记 2026/4/16 0:02:16

二〇二四年终总结

写在前面 简单总结一下告诉自己&#xff0c;曾经活着 不必太纠结于当下&#xff0c;也不必太忧虑未来&#xff0c;当你经历过一些事情的时候&#xff0c;眼前的风景已经和从前不一样了。——村上春树 原本应该 24 年年中的时候写 23 年年终的总结&#xff0c;但是一直拖着&…...

编程日记 2025/11/5 7:21:24

[论文阅读] SeeSR: Towards Semantics-Aware Real-World Image Super-Resolution

文章目录 一、前言二、主要贡献三、Introduction四、Methodology4.1 Motivation &#xff1a;4.2Framework Overview.** 一、前言 通信作者是香港理工大学 & OPPO研究所的张磊教授&#xff0c;也是图像超分ISR的一个大牛了。 论文如下 SeeSR: Towards Semantics-Aware Rea…...

编程日记 2026/4/7 3:56:34

全面了解HTTP（一）

全面了解HTTP&#xff08;二&#xff09;-CSDN博客 web及网络基础 使用HTTP协议访问web&#xff1a; HTTP: 网络基础TCP/IP 与HTTP关系密切的协议&#xff1a;IP,TCP,DNS 负责域名解析的DNS服务 各种协议与HTTP协议的关系 URI和URL 简单的HTTP协议 HTTP协议用于客户端和服…...

编程日记 2026/2/4 15:38:48

LM Studio笔记

一、什么是 LM Studio&#xff1f; LM Studio 是一款功能强大、易于使用的桌面应用程序&#xff0c;用于在本地机器上实验和评估大型语言模型&#xff08;LLMs&#xff09;。它允许用户轻松地比较不同的模型&#xff0c;并支持使用 NVIDIA/AMD GPU 加速计算。 功能集&#xff1…...

编程日记 2026/4/17 4:21:11

SoftwareCluster中如何配置VendorSignature

How to create VendorSignature...

编程日记 2026/4/7 4:06:26

Linux CentOS 7部署Vulhub靶场

漏洞复现环境&#xff1a; 1、Linux操作系统中通过Docker部署的Vulhub靶场&#xff1a; docker docker-compose 2、Nmap扫描工具 一、部署靶场 1、安装Docker 1、下载docker yum install docker 安装完成&#xff0c;如下图&#xff1a; 2、开启docker服务 [rootlocalhost…...

编程日记 2026/4/17 17:13:11

Golang GORM系列：GORM分页和排序

高效的数据检索和表示是应用程序开发的关键方面。GORM是健壮的Go对象关系映射库&#xff0c;它为开发人员提供了强大的工具来实现这一点。无论你是在构建动态web应用程序还是数据密集型服务&#xff0c;掌握GORM中的分页和排序使您能够提供无缝且高效的用户体验。本文我们将深入…...

编程日记 2026/4/15 21:34:48

【怎么使用Redis实现一个延时队列？】

怎么使用Redis实现一个延时队列？ 详细说明Java代码示例解释注意事项使用Redis实现延时队列通常通过有序集合（Sorted Set）来实现，利用Redis的ZSET类型及其相关命令可以很方便地实现这一功能。 有序集合中的每个元素都有一个分数（score），我们可以利用这个分数来存储消息需…...

编程日记 2026/4/5 15:31:24

HarmonyNext上传用户相册图片到服务器

图片选择就不用说了&#xff0c;直接用 无须申请权限 。 上传图片&#xff0c;步骤和android对比稍微有点复杂&#xff0c;可能是为了安全性考虑&#xff0c;需要将图片先拷贝到缓存目录下面&#xff0c;然后再上传&#xff0c;当然你也可以转成Base64&#xff0c;然后和服务…...

编程日记 2026/4/15 6:20:32

宝塔docker 安装oracle11G

1、拉取镜像 sudo docker pull iatebes/oracle_11g #iatebes为用户名2、查看镜像 sudo docker images3、创建并运行容器 docker run -d --privileged --name oralce11g -p 1521:1521 iatebes/oracle_11g4、登录到容器 5、进入容器并修改system用户密码 docker exec -it orac…...

编程日记 2026/4/6 5:16:53

计算机视觉-OpenCV图像处理

1.Matplotlib数据可视化&#xff08;绘制图像直方图、可视化矩阵&#xff09; # Matplotlib 数据可视化&#xff08;绘制图像直方图、可视化矩阵&#xff09; # 本节主要讲解如何使用 Matplotlib 绘制图像直方图和可视化矩阵。 # 1. 绘制图像直方图 # 2. 可视化矩阵# 1. 绘制图…...

编程日记 2026/4/6 1:41:10

【论文笔记】Transformer^2: 自适应大型语言模型

Code repo: https://github.com/SakanaAI/self-adaptive-llms 摘要 自适应大型语言模型&#xff08;LLMs&#xff09;旨在解决传统微调方法的挑战&#xff0c;这些方法通常计算密集且难以处理多样化的任务。本文介绍了Transformer&#xff08;Transformer-Squared&#xff09;…...

编程日记 2026/4/10 14:34:53

【医学影像AI】50个眼科影像数据集（1）分类任务

【医学影像】50个眼科影像数据集&#xff08;1&#xff09;分类任务 【医学影像】50个眼科影像数据集&#xff08;2&#xff09;分割任务 【医学影像】50个眼科影像数据集&#xff08;3&#xff09;其它任务 【医学影像AI】50 个眼科影像数据集&#xff08;1&#xff09;分类任…...

编程日记 2026/4/12 0:56:45

2025年-G4--lc75--Best Time to Buy and Sell Stock(java版）

1.题目描述 2.思路 思路1: 3.java代码实现 class Solution {public int maxProfit(int[] prices) {// //初始化最小价格为最大值&#xff0c;最大利润为0// int minPriceInteger.MAX_VALUE;// int maxProfit0;// //遍历价格数组// for (int price : prices)// …...

编程日记 2026/4/16 1:45:50

STM32 PWM脉冲宽度调制介绍

目录 背景 PWM 模式 影子寄存器和预装载寄存器 PWM对齐模式 PWM 边沿对齐模式 向上计数配置 向下计数的配置 PWM 中央对齐模式 程序 第一步、使能GPIOB组、AFIO、TIM3外设时钟 第二步、输出通道端口配置​编辑 第三步、定时器配置产生频率 第四步、PWM输出配置 第…...

编程日记 2026/4/18 0:13:01

WebGPU顶点插槽（Vertex Buffer Slot）使用指南

本文将通过完整代码示例和逐行注释&#xff0c;详细解释WebGPU中顶点缓冲区的配置方法&#xff0c;特别针对shaderLocation参数与着色器的对应关系进行重点说明。 一、顶点数据定义与缓冲区创建 // 定义顶点数据结构&#xff08;逻辑层&#xff09; // 包含位置(position)、颜…...

编程日记 2025/8/7 10:28:21

JSP（学习自用）

一、本质 JSP解析后就是Servlet类的java代码。 二、jsp内嵌java代码 1、声明脚本 用于声明属性和方法。 <%!//声明脚本//用于声明属性和方法public void test(){}String easyName"张三"; %> 2、运行脚本 相当于在service方法中写代码 <% //运行脚本…...

编程日记 2026/4/15 6:10:43

ZYNQ TCP Server PS端千兆网口速率低问题，要修改BSP中LWIP配置参数

用VITIS教程里面 TCP UDP应用工程例程 打算测试PS端千兆网口速率。ZYNQ核心板用黑金的&#xff0c;外部板子自画的网口电路和其它电路。TCP SERVER时 iperf测试速率 只有60~70Mbit/s&#xff1f;然后用UDP SERVER方式&#xff0c;发现能达到 950Mbit/s&#xff1f;&#xff1f;…...

编程日记 2026/4/15 23:33:15

毕业设计—基于Spring Boot的社区居民健康管理平台的设计与实现

&#x1f393; 毕业设计大揭秘&#xff01;想要源码和文章&#xff1f;快来私信我吧&#xff01; Hey小伙伴们~ &#x1f44b; 毕业季又来啦&#xff01;是不是都在为毕业设计忙得团团转呢&#xff1f;&#x1f914; 别担心&#xff0c;我这里有个小小的福利要分享给你们哦&…...

编程日记 2026/4/18 1:09:36

【计算机网络】数据链路层数据帧（Frame）格式

在计算机网络中&#xff0c;数据帧&#xff08;Frame&#xff09; 是数据链路层的协议数据单元&#xff08;PDU&#xff09;&#xff0c;用于在物理介质上传输数据。数据帧的格式取决于具体的链路层协议&#xff08;如以太网、PPP、HDLC 等&#xff09;。以下是常见数据帧格式的…...

编程日记 2026/2/25 8:10:32

机器学习PCA和LDA

主成分分析&#xff08;PCA, Principal Component Analysis&#xff09;和线性判别分析&#xff08;LDA, Linear Discriminant Analysis&#xff09;是两种常用的降维方法&#xff0c;它们虽然都用于数据降维&#xff0c;但核心思想和应用场景不同。 PCA&#xff08;主成分分析…...

编程日记 2026/2/27 2:28:59

C#: String s = new String(“Hello“)无法编译?编程语言字符集有两个?为什么这种变量名“\u0061\u0062”都能编译通过?

C#: String s new String("Hello")无法编译? C# String类型是literal常量&#xff0c;默认不能用new创建&#xff0c;但可以在unsafe下用char *字符串指针创建。 char* charPtr stackalloc char[2]; charPtr[0] H; charPtr[1] \0; String myString new Strin…...

编程日记 2026/2/27 17:21:52