HTML、CSS、JavaScript 三小只_html与css是网页制作技术的核心-CSDN博客

本文链接：https://blog.csdn.net/luckystar_99/article/details/87117979

文章目录

一、网页制作技术
三、HTML，CSS，JavaScript 各自的角色
二、代码效果

一、网页制作技术

HTML，CSS，JavaScript 是网页制作技术的核心与基础，这三小只是从事网页制作工作必须掌握的。

三、HTML，CSS，JavaScript 各自的角色

HTML:是网页制作的主要语言，是网页的基础架构，可以标记页面文档中的段落、表格、标题、链接等的格式；
CSS：简称样式表，是目前唯一的网页页面排版样式标准，它能使任何浏览器都听从指令，知道该以何种布局、格式显示文字的大、颜色、图片的位置等格式；
JavaScript：是目前浏览器普遍支持的脚本语言，可开发Internet客户端的应用程序。

二、代码效果

1、HTTP代码片段

在记事本中就可以编写HTML代码，就可以制作代码片段
用IE浏览器就可以查看网页（.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语言中可以直接编写CSS代码
CSS可以控制网页字体大小和变化

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

在这里插入图片描述

3、增加JavaScript代码片段

JavaScript语言可以和HTML语言结合，在HTML中可以直接编写JavaScrept代码。
JavaScript可以实现类似弹出框、输入信息等这样的网页交互功能

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

在这里插入图片描述