html+css+js基础知识

最新推荐文章于 2024-06-20 12:47:37 发布

原创最新推荐文章于 2024-06-20 12:47:37 发布 · 439 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #javascript #web开发 #前端

网页设计专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍HTML、CSS和JavaScript三大前端核心技术的基本概念与使用方法，包括HTML文档结构、CSS样式设置及JavaScript基本语句等，适合前端开发初学者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web开发的前端技术：
Html Javascript Css

一、HTML

Hyper Text Markup Language超文本标记语言

HTML文件是一个文本文件,包含了一些HTML元素,标签等

文档结构

<script type="text/JavaScript">
    <!--
    document.write("专注于Web开发");
    -->
</script>

1、html标签

为根标签，所有的网页标签都在<html></html>中。

2、<head>标签

<title>、<script>、 <style>、<link>、 <meta>等标签。

<meta> 标签

2.1设定字符集

<meta http-equiv="Content-Type"content="text/html; charset=utf-8" >

编码格式是让浏览器以设定的编辑格式进行解析,如果编码格式不正确就会用出现乱码.建议使用通用的UTF-8编码.

2.2设定描述

<p><meta name=“discription” content=“描述的内容”></p>

网页的描述很重要,直接能够在搜索引擎中得到体现。

搜索关键字可以搜出来，SEO优化（网站优化）。

2.3设定自动刷新时间

<metahttp-equiv=“refresh” content=“刷新间隔的时间”>

2.4设定自动跳转新页面

<p><metahttp-equiv=“refresh” content=“跳转间隔的秒数； Url="新网页地址”></p>

2.5设定禁用缓存（过期和缓存）

<p><metahttp-equiv="cache-control"content="no-cache"/></p>

3、body标签

在<body>和</body>标签之间的内容代表HTML文档的主体。

4、注释

二、CSS

CSS中文译为层叠样式表。

用于控制网页样式，将样式信息与网页内容分离的一种标记性语言。

1、基本语法规范

h1选择器，指明网页中要应用样式规则的元素.

2、CSS代码书写格式

每条代码写在一个新行内：

h1{
       color:red;
       font-size:16px;
       width:150px;
       height:50px;
       border-bottom: 1px solid #333;
}

3、代码注释

用/*注释语句*/来标明

三、JavaScript

是一种基于对象和事件驱动，有安全性能的脚本语言。

是在客户端的浏览器可以互动响应处理程序的语言，不需要服务器的处理和响应。

使网页更好地与用户交互。

利用客户端个人电脑性能资源的同时，适当减小服务器端的压力，减少用户等待时间。

操作DOM树，一个节点就是一个对象。

1、语句

<script type="text/JavaScript">
    <!--
    document.write("专注于Web开发");
    //-->
</script>

2、JavaScript 注释

插入单行注释的符号是“//”

多行注释以"/*"开始，以"*/"结束。

注：多多应用，看查看以上链接和帮助文档。