跟Joy姐学前端：HTML-day01

已于 2024-03-12 10:40:29 修改
阅读量238 收藏 3
点赞数 3
分类专栏： 跟Joy姐学前端 文章标签： 前端 html
于 2024-03-12 10:31:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76525711/article/details/136644297
版权

浏览器内核

浏览器内核也称为"渲染引擎"，用来解析语法并渲染到网页上。

内核的种类有很多：Trident,Gecko,Blink,Webkit

IE:Trident chrome:统称为Chromium内核，以前是webkit内核，现在是blink内核 safari：webkit内核 firefox：Gecko内核。 以后前端就用chrome浏览器，兼容性好，便于调试，显得专业

前端编辑器

  1. vscode

  2. hbuilder

  3. sublimeText

建议前端入门使用hbuiilder，简单好用，后面使用vscode，开源，免费，插件丰富。

html基础语法规范

新建html页面，就可以生成一下html框架

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

meta标签

用来设置网页中的元数据，且meta是一个自闭合标签

h1-h6标签

  1. h1 ~h6 标题标签，有六个级别。h1 是最高，h6最低。通过这样标签定义网页中的标题内容。

  2. h标签自带有样式，但通常会利用css去修改。

段落标签

  1. strong 加粗标签 b标签也可以 但h5不推荐使用b

  2. em斜体标签 i标签也可以 但h5不推荐使用i

div标签

html标签可以分为行内元素和块级元素。

块级元素：div

行内元素：span

小结：

1.块级元素独占一行，行内元素只有自己文本占用的宽度。

2.块级元素可以嵌套，但不要用行内元素嵌套块元素。

小明学前端逆袭人生
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
跟Joy姐学前端 HTML-day03 完结
2301_76525711的博客
03-12 671
HTML完结篇
跟Joy姐学前端：day02
2301_76525711的博客
03-05 143
前端开发进阶的职业道路，和项目开发的流程
跟Joy姐学前端 css-day05
2301_76525711的博客
03-12 188
color: 字体颜色 font-size 字体大小 font-family 字体类别 line-height 文字占有的实际高度 font-weight 字重 font-style 字体风格 font： 字重 字体风格 字体大小/行高 字体族；（离他最近的开启了定位的祖先块元素，如果所有 的祖先元素都没有开启定位，则根元素html就是它的包含块） 绝对定位是相对于其包含块进行的。2.参照元素在文档流中的位置来进行定位，如果没有设偏移量，元素的位置不会发生变化。4.包含块（离当前元素最近的祖先块元素）
跟Joy老师学前端 HTML-day02
2301_76525711的博客
03-12 742
2.target 是否在新的页面打开超链接 默认值 _self 在当前窗口打开 _blank 在新页面打开。跳转到新页面或者本页的其他位置 1.href 属性：跳转的目标地址（可以是绝对路径，也可以是相对路径）./当前文件所在目录 ../ 当前文件所在目录的上一级。1.img标签不能简单归结为行内元素，它是一个替换元素。注意：a属于行内元素 但可以嵌套它自身以外的任何元素。2.注意src中写相对路径时的位置。src 引用外部图片的路径。用于音频/视频的播放标签。title 提示文本。
Vue笔记-Day04-01（数据监控）
weixin_57155307的博客
12-24 661
4.1 Vue监视数据改变的原理： 模拟一个数据监控,监控对象中数据的改变: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟一个数据监控</title> </head> <body> <div class="root"> </div> <scr
Vue笔记-Day02
weixin_57155307的博客
12-22 85
2.1数据代理 通过一个对象代理另一个对象中的属性的操作（读 / 写 ）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Object.defineproperty</title> </head> <body> <script type="text/javascript"> l
写给前端程序员的英文学习指南
程序员哆啦A梦，蓝胖子
10-08 2444
前言 中秋国庆月，无酒无诗，无相见，为掘友伏乞三愿： 一愿掘友安泰，二愿所思常健，三愿清辉拂照处，岁岁佳宴。 那么问题来了，我是如何渡过这8天呢？ 下图展示的就是这8天过的情况（沸点）： 达达前端技术社群：囊括前端Vue、JavaScript、数据结构与算法、实战演练、Node全栈一线技术，紧跟业界发展步伐，一个热爱前端的达达程序员。以下写给程序员的英文学习指南，每天看一遍。 名词 名词：用来表示人，事物，地点，时间，事件以及抽象概念等名称的词。 名词的分类：普通名词（可数名词：个体名词，集体名词，不
Vue笔记-Day03-2（条件渲染|列表渲染）
weixin_57155307的博客
12-23 210
3.4 条件渲染： 1.v-if : 写法： v-if; v-else-if; v-else; 适用于切换频率较低的场景。 特点：不展示的dom元素直接删除。 注意：v-if与v-else-if，v-else可以一起使用，但是要求结构不能被打断，即必须连续的使用。 2.v-show: 写法： v-show; 适用于：切换频率较高的场景； 特点：不展示的dom元素不删除，而是使用display:none来隐藏； 3.备注： 使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到； <!DO
Vue笔记-Day03-1（监视属性|class与style的绑定）
weixin_57155307的博客
12-23 183
3.1监视属性： 1.当被监视的属性变化时，回调函数自动调用，进行相关操作； 2.监视的属性必须存在，才能进行监视！ 3.监视的两种写法： （1）new Vue时传入watch配置； （2）通过vm.$watch监视 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>监视属性</title> <script type=
jc_toolkit:Joy-Con 工具包
05-31
Joy-Con 工具包 此图供参考。 先决条件： Microsoft Visual C++ 2017 (x86) Redistributable （所有 Windows 版本） Microsoft .NET Framework 4.7.1 （适用于低于 Windows 10 的 Windows） 参考： 官方论坛和二...
joycon-toolweb:Joy-Con和Pro Controller颜色修改工具
05-11
Joy-Con工具（网络） Joy-Con和Pro Controller颜色修改工具 免责声明 该软件会永久修改硬件。 这可能会导致诸如固件更新后无法正常工作等问题。 对于因使用此软件而引起的任何问题，我概不负责。 用法 通过蓝牙将...
JOY.js:JOY - 所有游戏之母
07-06
JOY.js 点击式冒险游戏“JOY - Die Mutter Aller Spiele”的Javascript转换 JOY 最初是作为 ASM 计算机杂志游戏编程竞赛的参赛作品而开发的。 原始版本是使用 AMOS 语言在 Commodore Amiga 上编码的。 学分 AMOS 主...
joy-con-webhid:通过WebHID API使用Nintendo Switch Joy-Cons
05-05
Joy-Con WebHID 用于驱动程序，支持所有按钮，模拟摇杆以及设备的陀螺仪和加速度计传感器。 演示版 查看驱动程序的。 另一个演示是 ，您可以在其中玩Chrome dino游戏 :T-Rex: 通过在口袋里与Joy-Con控制器一起跳跃...
joy-tetris-server:俄罗斯方块服务端
05-07
joy-tetris-server 双人俄罗斯方块服务端 客户端 快速部署docker版本服务端 下载镜像 docker pull 1587790525/joy-tetris:latest 启动镜像 docker run -p 0.0.0.0:6653:6653 -p 0.0.0.0:6563:6563 -p 0.0.0.0:6565:...
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
最新发布
yangshuquan的专栏
07-24 773
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 305
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 246
【代码】TS如何处理js模块的类型？
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 306
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值