软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【唐正:第一次前端培训】

  • [email protected]
  • 2022-10-11
  • 0

【第一次前端培训】

一.HTML

1.作用:是一种用于创建网页的标准标记语言,可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

2.常用标签:

①标题标签:

h1~h6,1-6级标签,重要程度依次递减,文字都有加粗且独占一行。

②水平线标签:

hr,用于主题的分割转换,在页面中显示一条水平线。

③换行标签:

br,单标签,让文字强制换行。

④文本格式化标签:

b和strong,表示文字以粗体方式显示。
u和ins,表示文字以加下划线的方式显示。
i和em,表示文字以斜体方式显示。
s和del,表示文字以加删除线方式显示。

⑤图片标签:

img src="" alt=

⑥音频标签:

audio src="./music.mp3"contols

⑦视频标签:

video src="./video.mp4"controls

⑧链接标签:

a href="跳转目标" target=""目标弹出窗口的方式

二.CSS

1.作用:是一种用来为结构化文档添加样式的语言。

2.规则:由两个主要的部分组成:选择器,以及一条或多条声明,声明写在{}中

3.书写位置:在head标签对中写style标签对,然后书写css语句,语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。

注:
type=“text/CSS” 在html5中可以省略, 写上也比较符合规范, 所以可以写也可以省略。
此种方式是输入“内部样式表”,css也可以写在单独的文件里面(外部样式表),也可以直接写在html标签里(行内样式表)。
css也输入"text" 即 纯文本 。
css对换行和空格都不敏感,但是一定要有标准的语法。冒号,分号都不能省略。

三.作业完成

1.首先建立html文件

2.使用了CSS图片廊,将图片进行排版后添加文本描述

3.用CSS鼠标悬停,设置图片放大的参数,实现鼠标悬停图片放大;

4.添加按钮和页面跳转,使其能跳转到另一个页面。

202200300305@mail.sdu.edu.cn
[email protected]
© 2025 软件园学生在线
Theme by Wing