前端初学者

大家好,我是一名前段的初学者,开始学习前端内容的我准备每周做一次总结,整理一下我所学习的内容,顺便复习一次巩固记忆。

刚开始学起来感觉还是蛮轻松的,大多内容简单易懂。首先我们需要了解一个网页的基本结构:

<!-- 文档类型声明 -->

<!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分组中添加分类

 展示效果:

 以上就是我一周所学内容,说多不多,说少也不少,还是需要自己多加复习并加以运用,孰能生巧才能真正掌握这份知识,以后的难度会越来越高,不过我相信只要我努力加油总会克服困难的,也希望看到这篇文章的萌新或者大佬,大家一起加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值