前端与HTML |青训营笔记

64 阅读2分钟

lang.png 这是我参与「第四届青训营 」笔记创作活动的第1天。

前端是

网页上为用户呈现的部分。运行在客户端,不占用服务端资源。是web技术栈。

框架结构

主要有两种结构 : 1.c/s结构:即客户端服务器结构,常见应用,qq。 2.b/s结构:即浏览器服务器模式。

HTML是HyperText Markup Language的缩写。

html的基本结构是:

html.png 常用的HTML标签:h1~h6标签、p标签、div标签、ol/ul>li标签、input标签、img等。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
其中,header标签中,有一下六个标签能放在其中。 - title标签——网页标签名字 - link标签——链接外部资源 - meta标签——网页文档信息 - style标签——定义CSS样式 - script标签——定义脚本,可以内嵌也可以外链 - base标签——设置相对URL的基础 #### 图片的路径 绝对路径:本地磁盘地址或网址 相对路径:是使用路径文件与图片绝对路径间的相对关系,包括同级目录,上级目录和下级目录。 属性:title,鼠标悬停时显示的文字 height:设置的图片的高度。 width:设置的图片的宽度。 alt:图片加载失败时显示的文字 src:图片的路径。

小结

  • 学习html语言就是学习标签的用法
  • 编写html标签一般用小写
  • html标签可以分为双标签和单标签

常用开发工具

VS code.熟练的掌握快捷键能显著提高效率。

前端的边界

前端技术发展迅速,技术多样。通过nodejs,vite等搭建的前端页面应用广泛。前端在互联网中占据着重要的部分,未来我需要不断地学习才能适应技术的更新。

加油。