这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一、本堂课重点内容
- 了解前端
- 了解HTML
- 掌握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>语气上强调,重读(斜体)
三、实践练习
实践了一级标题,另起一行,插入图片,插入链接这些功能。
四、个人总结
今天的课(前端与HTML)让我了解了什么是前端与HTML,而且掌握了一些HTML中的字符如何使用,非常重要的是要注意代码的书写格式,我们要保持书写的规范性和一致性,从一开始就要养成好习惯。本次学习受益匪浅,不仅学到了前端知识,还学习了一些英文单词,在实践中也非常有趣,几段代码就生成了一个新的页面,边学习边实践非常有趣且有成就感。以上便是我本次课的学习笔记。