HTML【知识改变命运】01基础介绍

网页的组成

1:网页三件套

1:html(结构)

html是网页内容的载体。内容就是网页制作者想让用户在网页上看到内容信息,可以包括文字图片,视频等

2:css(表现)

css像是网页的外衣,比如字体颜色变化,或为标题加入背景图,边框等,主要可以把内容和修饰分开

JavaScript(行为)

网页上的特效效果。如鼠标滑动弹出菜单。

2小技巧

ctrl+shift+i可以进入的调试页面

3:html的介绍

  1. HTML(HyperText Mark-up Language)即超文本标签语言(可以展示的内容类型很多)
  2. HTML 文本是由 HTML 标签组成的文本,可以包括文字、图形、动画、声音、表格、链
    接等
  3. HTML 的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

4:两种运行方式

本地运行

服务器运行

5:html的主体结构

html 复制代码
<!--文档类型说明 注释-->
<!DOCTYPE html>
<!--使用语言的地区 en 表示英国美国 en-US-->
<html lang="en">
<!--html头-->
<head>
<!--charset文件字符集-->
    <meta charset="UTF-8">
<!--文件标题-->
    <title>Title</title>
</head>
<!--body体主题部分-->
<body>
      hello,代阳
</body>
</html>

6:html的注意情况

html文件不需要编译,直接用浏览器解析执行

相关推荐
hunterandroid7 分钟前
HarmonyOS 弱网与离线优先架构实战:请求队列、本地缓存与增量同步
前端·前端框架
lhldsg12 分钟前
宠物同城领养平台开发实战:从需求分析到上线部署指南
java·前端·小程序·需求分析·宠物
hunterandroid12 分钟前
Android 内存泄漏排查实战:从 LeakCanary 报警到根因定位
android·前端
leoZ23114 分钟前
AI+前端提效-12 AI辅助前端性能优化与监控:从开发到线上全流程提效
前端·人工智能·神经网络·自然语言处理·性能优化·keras·知识图谱
阿图灵16 分钟前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph
狂炫冰美式21 分钟前
电脑合盖之后 Cursor 还在偷我电?看看为啥
前端·人工智能·后端
leeyi22 分钟前
微前端:14 个子应用是怎么做到不散架的——DeepFlux 前端工程拆解(第102篇)
前端·aigc·agent
天道kabuto1 小时前
踩坑实录:JS Map迭代器为什么“用完即焚”?兼谈技术知识沉淀
前端
字节跳动开源1 小时前
VisActor全新图可视化开源项目:VGraph
前端·设计模式·开源
打呵欠的猫1 小时前
前端接口超时从 15s 改到动态值后,用户投诉降了 60%——AI 帮我分析出的方案
前端·ai编程