HTML，CSS,JavaScript学习笔记_01

最新推荐文章于 2024-08-28 15:34:24 发布

qq_46586512

最新推荐文章于 2024-08-28 15:34:24 发布

阅读量117

点赞数

分类专栏： html+css+javascript学习笔记文章标签： css html javascript

本文链接：https://blog.csdn.net/qq_46586512/article/details/116496967

版权

html+css+javascript学习笔记专栏收录该内容

1 篇文章 1 订阅

订阅专栏

本文通过三个示例展示了HTML、CSS和JavaScript在网页设计中的基本功能。未使用CSS和JavaScript的HTML文件仅包含基本文本；引入CSS后，能够改变字体样式和大小；添加JavaScript代码则实现了弹窗提示功能，强调了JavaScript在交互性上的作用。

摘要由CSDN通过智能技术生成

1，首先我们先来看一下未使用css和JavaScript的html文件

<html>
<head>
  <title>未使用CSS,JAVASCRIPT的HTML文件</title>
</head>
<body>
<h2>未使用未使用CSS,JAVASCRIPT的HTML文件</h2>
<hr>
<p>这是一个未使用CSS,JAVASCRIPT的HTML文件。</p>
</body>
<html>

点击它后我们可以看到
在这里插入图片描述

2.使用了css的html文件

<html>
<head>
  <title>使用了CSS的HTML文件</title>
  <style type="text/css">
  <!--
  h2{font-size:42px;font-family:微软黑雅}
  -->
  </style>
</head>
<body>
<h2>使用了CSS,JAVASCRIPT的HTML文件</h2>
<hr>
<p>这是一个使用了CSS的HTML文件。</p>
</body>
<html>

这里于上面唯一不同的是2个head之间多了这个

<style type="text/css">
  <!--
  h2{font-size:42px;font-family:微软黑雅}
  -->
  </style>

点击后可以看到
在这里插入图片描述
结论：在html文件中可以直接编写css代码，css可以控制网页字体的样式大小

3.使用了Javascript的html文件

<html>
<head>
  <title>使用了CSS的HTML文件</title>
  <style type="text/css">
  <!--
  h2{font-size:42px;font-family:微软黑雅}
  -->
  </style>
  <script  type="text/javascript">
  <!--
  alert("这是一个Javascript起的作用");
  -->
  </script>
</head>
<body>
<h2>使用了CSS,JAVASCRIPT的HTML文件</h2>
<hr>
<p>这是一个使用了CSS的HTML文件。</p>
</body>
<html>

和2不同的就是多了

<script  type="text/javascript">
  <!--
  alert("这是一个Javascript起的作用");
  -->
  </script>

而这个就是JavaScript，在这里它的作用就是，当我们浏览一个网页的时候打开一个弹窗

点击这个html文件我们可以看到
在这里插入图片描述
结论:在html文件中可以直接编写JavaScript代码，JavaScript可以实现提示弹窗这样的东西

qq_46586512

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML，CSS,JavaScript学习笔记_01

1，首先我们先来看一下未使用css和JavaScript的html文件<html><head> <title>未使用CSS,JAVASCRIPT的HTML文件</title></head><body><h2>未使用未使用CSS,JAVASCRIPT的HTML文件</h2><hr><p>这是一个未使用CSS,JAVASCRIPT的HTML文件。</p><
复制链接

扫一扫

专栏目录