【前端实训记录01】

因为记录比较匆忙。。就这样将就着不排版了。。。

 

今天是第一节课,老师给我们科普了HTMLCSS的一些基本知识,包括html的骨架,常用标签,相对路径,表单标签,关联方式,还有基本的语法规则等等,一天下来感觉收获颇丰,学到了不少新东西,也萌发了对前端(设计和制作网页)的兴趣。

上课的主要内容:1html的骨架和常用标签,更常用标签<html>元素代表HTML文档的根,其他元素都是它的“子物体”。<html></html>标签限定了文档的开始点和结束点,他们之间有文档的头部和主体,<head>定义了文档的头部,<body>定义了文档的主体。

常用标签:<标题标签>

当然也可以快速生成,便于编写:快速编写第N”级标题。

 

 

 

效果如下图:

 

 

 


还有一些常用的:还有文段、图片、属性标签:

 

 

 

<!-- 链接标签 anchor---a  href="跳转到的目标地址"   target 当前窗口打开-->

 

 

 


                2html相对路径和表单标签: 

 

 

 这里text输入文本,password可以使输入的文本不可视,submit是“提交”按钮 


3、
html的关联方式和文本相关样式还有css的一些基本知识

link关联htmlcss文件,使css的效果作用到html上面。(放在head里面)

 

 

 

 

这里要特别注意css关联方式的优先级关系——就近原则。

文本相关样式多种多样,要分清楚各个层级之间的的样式和属性,可以多多利用类选择器。

作业:

 

 效果如下:

 

 

 

 

 

posted @ 2021-05-23 17:04  Etherealhff  阅读(70)  评论(0编辑  收藏  举报