黑马AI+前端教程 01-HTML-Trae-F12-live Server-标签-块级和内联元素-图片格式-路径

网址:https://www.bilibili.com/video/BV1MvaVzUEuz?spm_id_from=333.788.player.switch\&vd_source=472cc619bb08a8f76075ee0c78d4d4cb\&p=2

前端的8个主题

  • 开发工具 VS Code 和 AI Trae
  • 谷歌浏览器
    设置为默认浏览器 \ F12 检查
  • HTML初体验
  1. 创建文件夹
  2. 编写代码
  3. 浏览器预览 live Server
  • Trae编辑器的快捷键
  • 启动浏览器

HTML是什么

  • 单双标签
  • 案例1
  • 初始html页面都是什么意思?
  • head和字符集
  • 移动端页面适配和title和body元素

标签的有并列和嵌套两种关系

标题标签:h 分为6级

段落标签p

强调与重要性标签


注释标签

块级元素h p div 和 行内元素(内联元素)strong em a


HTML的图片

  • 其他属性,标题,宽和高

图片格式



路径-相对路径-绝对路径


相关推荐
尾善爱看海1 分钟前
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析
前端·javascript·vue.js·面试·vue
SEO_juper14 分钟前
外贸多语言站最隐蔽的流量杀手:hreflang 错了,谷歌把德语页推给美国人(附审计脚本)
开发语言·前端·python·seo·独立站·谷歌优化
亿元程序员31 分钟前
为什么现在 AI 这么发达了,还要坚持手搓教程?
前端
三小河1 小时前
在 Codex 桌面端接入 DeepSeek 模型(CC Switch 代理中转)
前端·javascript·人工智能
CoderYanger1 小时前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
恋猫de小郭1 小时前
Shopify 从 React Native 回到 Swift/Kotlin,但是你以为有手就行??
android·前端·ios
BillKu2 小时前
Element Plus 的 el-tab-pane:lazy 的说明
前端·javascript·vue.js
爱勇宝2 小时前
《道德经》第 11 章:真正有用的,常常是你没写出来的那部分
前端·后端·产品
jearry2 小时前
WebView2 原生拖放的桥接之道:拆解 yyzTools 的 drop-zone.js
前端·c++
一位正在转型AI全栈的前端工程师2 小时前
AI 全栈学习之旅 -Week 11:从 CLI 到浏览器:用 FastAPI、SSE 和 Vue 3 做一个可审核的 ReAct Agent
前端·python