首页 > 其他分享 >前端基础

前端基础

时间:2022-08-14 21:11:39浏览次数:46  
标签:网页 前端 基础 HTML HTML5 超文本 页面 结构

目录

网页的结构思想

根据 W3C 标准,一个网页主要由三部分组成:结构、表现还有行为。

结构、表现、行为

  • 结构(骨架):HTML 用于描述页面的结构
  • 表现(皮肤):CSS 用于控制页面中元素的样式
  • 行为(交互):JavaScript 用于响应用户操作

image

HTML(超文本标记语言)

HTML5基本结构

<!-- 文档声明,声明当前网页的版本 -->
<!DOCTYPE html>
<!-- html的根标签(元素),网页中的所有内容都要写根元素的里边 -->
<html>
  <!-- head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页 -->
  <head>
    <!-- meta标签用来设置网页的元数据,这里meta用来设置网页的字符集,避免乱码问题 -->
    <meta charset="utf-8" />
    <!-- title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
    <title>网页的标题</title>
  </head>
  <!-- body是htm1的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里 -->
  <body>
    <!-- h1网页的一级标题 -->
    <h1>网页的大标题</h1>
  </body>
</html>

标签:网页,前端,基础,HTML,HTML5,超文本,页面,结构
From: https://www.cnblogs.com/AlearnMeta/p/16586324.html

相关文章

  • JAVA基础环境 一、JDK安装与环境
    JAVA开发者所需的基础环境变量注意*以下内容请在Windows企业版或专业版配置,以免遇到不必要的麻烦一、jdk配置1.jdk下载jdk下载需要去Oracle官网下载,地址是https://www......
  • 【游戏开发基础知识】渲染篇
    什么是渲染管线?如何绘制3D物体?https://www.bilibili.com/video/BV1qY4y1V79z/?spm_id_from=333.788&vd_source=61ce3b4e97cb6ce7f80ca3f58607b5fb1、前期CPU需要为GPU准......
  • SQL基础
    测试环境:https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc1.基本概念表中的一行为一条数据,一列即为一个字段(可以认为相当于java中的属性)1.1.SQL的种......
  • Linux下部署Kubernetes+Kubesphere(一)Kubernetes基础
    Linux下部署Kubernetes+Kubesphere(一)Kubernetes基础Cloud研习社 2022-07-0318:36 发表于山东 以下文章来源于Dotnet技术进阶 ,作者车神neDotnet技术进阶..Ne......
  • Java基础的简单应用
    packagecom.zhou.partise;importjava.util.Scanner;publicclassTest01{publicstaticvoidmain(String[]args){//写一个计算器,要求实现加减乘除功能,并......
  • 前端须知的 Cookie 知识
    文章已收录到我的GitHub中,欢迎starcookie是什么和使用场景cookie是服务器端保存在浏览器的一小段文本信息,浏览器每次向服务器端发出请求,都会附带上这段信息(不是所有......
  • 前端周刊第三十二期
    前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。如果外链不能访问,关注公众号「前端每周看」,里......
  • Dos基础命令
    打开CMD的方式开始+系统+命令提示符Win+R输入cmd打开控制台*在任意文件夹下面,按住shift键+鼠标右键,再次处打开命令行窗口资源管理器的地址栏前面加上cmd+路径......
  • Netty - NIO基础
     一、NIO的三大组件1.1Channel 常见的Channel有:FileChannel--文件传输通道DatagramChannel--UDP数据传输通道SocketChannel--TCP数据传输通道(客户端,服......
  • 数字电路基础知识
    原文:https://www.cnblogs.com/xianyufpga/p/13641879.html1、逻辑函数的表示方法常用的逻辑函数表示方法有逻辑真值表,逻辑函数式,逻辑图,波形图,卡诺图和硬件描述语言等。......