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.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开
            图片的路径
&#128064;相对路径:图片相对于HTML页面的位置
同级路径                                  图片文件位于HTML文件同一级                                    <imgsrc="baidu.gif"/>
下一级路径            /               图像文件位于HTML的下一级                                    <img src="images/baid.gif"/>
上一级路径          ../               图像文件位于HTML的上一级                                        <img src="../baid.gif"/>
&#128064;绝对路径                            通常从盘符开始的路径                                                “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
基础速读,用的多了就熟练了

第一天学的比较基础,谢谢大哥捧场
页: [1]
查看完整版本: 自学【前端】第一天,日常笔记