[前端与 HTML | 青训营笔记]

565 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

一、本堂课重点内容

  1. 了解前端
  2. 了解HTML
  3. 掌握HTML中的一些基本字符使用

二、详细知识点介绍

1. 前端工程师:使用web解决人机交互问题

2. 前端技术:

(1)html:解决页面的内容

(2)css:解决页面的样式,如颜色深浅、图片大小······

(3)javascript:解决页面中的一些行为,如点击一个按钮后的反应······

3.前端应该关注的问题

(1)页面是否美观

(2)功能是否齐全

(3)使用是否无障碍(对于其他人来说如色盲者友好吗?对正常人室内外光线的不同会妨碍观看吗?)

(4)安全问题

(5)性能问题

(6)兼容性

4.HTML:hypertext (超文本)markup(标签) language

记录了一些字符的含义,如下:

- <!doctype html>开头
- <h1>一级标题
- <ol>有序列列表ordered list
- <ul>无序列表unordered list
- <dl>定义列表degnition list
- <dt>
- <dd>主要内容
- <a href="链接">添加链接
- target="_blank",新打开一个窗口
- alt替代性文本
- width宽度
- <audio src="路径">音频
- <video src="路径">视频
- <textarea>多行
- <select>下拉选项
- <blockquote cite>快捷引用
- <cite><q>短引用
- <code>代码
- <strong>重要性强调(加粗)
- <em>语气上强调,重读(斜体)

三、实践练习

实践了一级标题,另起一行,插入图片,插入链接这些功能。

39db39c2dcc3389b19b89835ecd2b78.jpg

四、个人总结

今天的课(前端与HTML)让我了解了什么是前端与HTML,而且掌握了一些HTML中的字符如何使用,非常重要的是要注意代码的书写格式,我们要保持书写的规范性和一致性,从一开始就要养成好习惯。本次学习受益匪浅,不仅学到了前端知识,还学习了一些英文单词,在实践中也非常有趣,几段代码就生成了一个新的页面,边学习边实践非常有趣且有成就感。以上便是我本次课的学习笔记。