自学【前端】第一天,日常笔记

studenter · 发表于 2022-3-28 15:38

在校大学生，因为疫情封闭在寝室，浅学一下前端，完全是小白一枚，每天精力有限，学着记着，这是日常笔记，爱吾会当作我的笔记平台，忘大佬们能够多多支持，指出错误

先从html学起
   超文本标记语言，用来描述网页的一种语言

上干货：
html必备元素：
   <html></html>
   <head></head>
<title></title>
   <body></body>

            段落和换行标签
定义段落  <p></p>
  强行换行<br  /> (熟练了之后可以用<br>，它是单标签，放在<body>中)
  标题标签<h1></h1>------<h6></h6>(加了标题的文字会变粗，字号也依次变大，写在<body>中，每个标题独占一行)

         文本格式化标签
加粗       <strong></strong>或者<b></b>
倾斜          <em></em>或者<i></i>
删除线       <del></del>或者<s></s>
下划线       <ins></ins>或者<u></u>

            盒子标签（<span><div>无语义，用来装内容，就是一个盒子）
大盒子       <div></div>                   独占一行
小盒子    <span></span>             可以一行上显示

             图像标签
   <img src="......."/>                                                                                                                         width       设置图像的宽度
替换文本 alt    图像不能显示出来的时候才会显示的文字                                                             height    设置图像的高度
提示文本 title 鼠标放在图片上会显示的文字                                                                               border 设置图像的边框粗细（黑边的粗细）
                                                                     1. 图片标签内  以上内容都需要写在<img src="......."/> 内，图片标签可以拥有多个属性
                                                                           例如<img src="1.png" height = "200"> 设置图片1的高度为200
                                                                  2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
            图片的路径
👀相对路径：图片相对于HTML页面的位置
同级路径                               图片文件位于HTML文件同一级                                  <img  src="baidu.gif"/>
下一级路径          /                图像文件位于HTML的下一级                                  <img src="images/baid.gif"/>
上一级路径       ../                图像文件位于HTML的上一级                                     <img src="../baid.gif"/>
👀绝对路径                         通常从盘符开始的路径                                                 “D:\web\img\logo.png”或者网络上的位置

                                                            目前就这些了，过几天更新会附带图片，希望大家能够支持一下，有问题或者错误的地方可以给我留言，上线了我就会给大家回复

Blank空白 · 发表于 2022-3-28 17:10

我觉得还是得多练一些，比方说找一些很久以前的代码（比较简单）那种静态网页试着修改一下怎么让他更好看，可以不是全局，就改一个目录链接的样式什么的。
或者自己仿一个简单的网页出来，相当于大作业？对于父元素、链接目录、浮动等等应该会有比较深刻的理解。当然学习前端是一个比较漫长的过程，html、css、JavaScript再到后面的node、框架、react、小程序等等还是慢慢来不要急，能一点一点有成果出来我觉得就是会比较满足的，正向激励。
加油！

zhoukeguai · 发表于 2022-3-28 17:39

当初也想做前端，跟着菜鸟教程学习了点简单的html知识，还粗略地写了几个静态页面，后面没咋练习，忘得差不多了，一定要多多练习

思杨baba · 发表于 2022-3-28 18:55

继续加油

YoungName · 发表于 2022-3-28 19:21

基础速读，用的多了就熟练了

studenter · 发表于 2022-3-28 20:17

Blank空白发表于 2022-3-28 17:10
我觉得还是得多练一些，比方说找一些很久以前的代码（比较简单）那种静态网页试着修改一下怎么让他更好看， ...

谢谢大哥的支持

studenter · 发表于 2022-3-28 20:19

zhoukeguai 发表于 2022-3-28 17:39
当初也想做前端，跟着菜鸟教程学习了点简单的html知识，还粗略地写了几个静态页面，后面没咋练习，忘得差不 ...

我在校，因为疫情封校，马上大四了，计算机科学与技术专业，也算是有一个毕业设计吧，后期会跟团队写网页跟微信小程序，谢谢大哥的支持

studenter · 发表于 2022-3-28 20:21

思杨baba 发表于 2022-3-28 18:55
继续加油

谢谢大哥的支持

studenter · 发表于 2022-3-28 20:22

YoungName 发表于 2022-3-28 19:21
基础速读，用的多了就熟练了

第一天学的比较基础，谢谢大哥捧场

帐号		自动登录	找回密码
密码			注册[Register]

[学习记录] 自学【前端】第一天,日常笔记

免费评分