大家好,我是一名前段的初学者,开始学习前端内容的我准备每周做一次总结,整理一下我所学习的内容,顺便复习一次巩固记忆。
刚开始学起来感觉还是蛮轻松的,大多内容简单易懂。首先我们需要了解一个网页的基本结构:
<!-- 文档类型声明 -->
<!DOCTYPE html>
<!-- 整个html结构的开始和结束 -->
<html>
<!-- 文档的头部 -->
<head>
<!-- 元数据标签 keywords viewport charset="utf-8"代表国际标准的编码结构,不适用会乱码 -->
<meta charset="utf-8">
<!-- 网页的名字,网页的标题 -->
<title>01基本结构</title>
</head>
<!-- 网页的主体内容 -->
<body>
文件以.html结尾的文件,html文件
</body>
</html>
在body内添加内容就可以编写网页了
展示效果:
一开始我们要认识许多的文本元素
你好我是一段放在body里面的文字
<b>加粗</b> <strong>加粗</strong>
<i>倾斜</i> <em>倾斜</em>
<s>删除标签</s> <del>删除标签</del>
<u>添加下划线</u> <ins>添加下划线</ins>
<small>HTML5小号字体</small>
<!-- 下标 --> <sub>5</sub> <!-- 上标 --> <sup>10</sup>
<!-- 是一段文本的缩写 --> <abbr>HTML5</abbr>
<!-- 双引号 --> <q>dsadad</q>
<mark>添加黄色突出</mark>
<!-- 时间日期 --> <time>2015-10-10</time>
<span>普通文本</span>
<换行> <br>
等等。。。。。
展示效果:
还学习了超链接以及路径问题
分组元素:
效果展示:
表格元素:
其中rowspan是跨行,colspan是跨列
展示效果:
文档元素:
展示效果:
嵌入元素:
展示效果:
音频和视频:
展示效果:
全局属性:
展示效果:
样式:
展示效果:
表单元素:
展示效果:
表单语义化:
展示效果:
如果不使用语义化,客户就必须点击选择框,但是添加语义化之后点击足球也可以选择到
分组:optgroup 可以在select分组中添加分类
展示效果:
以上就是我一周所学内容,说多不多,说少也不少,还是需要自己多加复习并加以运用,孰能生巧才能真正掌握这份知识,以后的难度会越来越高,不过我相信只要我努力加油总会克服困难的,也希望看到这篇文章的萌新或者大佬,大家一起加油!