自学【前端】第一天,日常笔记
在校大学生,因为疫情封闭在寝室,浅学一下前端,完全是小白一枚,每天精力有限,学着记着,这是日常笔记,爱吾会当作我的笔记平台,忘大佬们能够多多支持,指出错误先从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文件同一级 <imgsrc="baidu.gif"/>
下一级路径 / 图像文件位于HTML的下一级 <img src="images/baid.gif"/>
上一级路径 ../ 图像文件位于HTML的上一级 <img src="../baid.gif"/>
👀绝对路径 通常从盘符开始的路径 “D:\web\img\logo.png”或者网络上的位置
目前就这些了,过几天更新会附带图片,希望大家能够支持一下,有问题或者错误的地方可以给我留言,上线了我就会给大家回复 我觉得还是得多练一些,比方说找一些很久以前的代码(比较简单)那种静态网页试着修改一下怎么让他更好看,可以不是全局,就改一个目录链接的样式什么的。
或者自己仿一个简单的网页出来,相当于大作业?对于父元素、链接目录、浮动等等应该会有比较深刻的理解。当然学习前端是一个比较漫长的过程,html、css、JavaScript再到后面的node、框架、react、小程序等等还是慢慢来不要急,能一点一点有成果出来我觉得就是会比较满足的,正向激励。
加油! 当初也想做前端,跟着菜鸟教程学习了点简单的html知识,还粗略地写了几个静态页面,后面没咋练习,忘得差不多了,一定要多多练习 继续加油 基础速读,用的多了就熟练了 Blank空白 发表于 2022-3-28 17:10
我觉得还是得多练一些,比方说找一些很久以前的代码(比较简单)那种静态网页试着修改一下怎么让他更好看, ...
谢谢大哥的支持 zhoukeguai 发表于 2022-3-28 17:39
当初也想做前端,跟着菜鸟教程学习了点简单的html知识,还粗略地写了几个静态页面,后面没咋练习,忘得差不 ...
我在校,因为疫情封校,马上大四了,计算机科学与技术专业,也算是有一个毕业设计吧,后期会跟团队写网页跟微信小程序,谢谢大哥的支持 思杨baba 发表于 2022-3-28 18:55
继续加油
谢谢大哥的支持 YoungName 发表于 2022-3-28 19:21
基础速读,用的多了就熟练了
第一天学的比较基础,谢谢大哥捧场
页:
[1]