（前端学习）寒假第一周周报

了解了一下前端学习的路线，我有点震惊，学习的东西真的很多很多，如下:
原来css也只是准备工作，不禁感慨任重而道远

附带一张我HTML和css的视频学习进度

这周学习完了HTML和css中的属性和一部分选择器

HTML—给网页的内容添加语义，而不是改变样式

1.首先了解了五大浏览器

浏览器
IE
Firefox	火狐
chrome	谷歌
opera	欧朋
safari	mac自带

ps:我的认知水平仅限于知道它们的名字（惭愧）
2. 字符集:字符集合，将字符排序并标上序号
字符编码:规定标上序号的字符储存的方式

字符编码	储存内容
ASCII	只储存了英文字母及字符
GB2312	储存了简体中文字符
GBK	储存了简体和繁体中文字符
UNICODE	分为UCS和UTF，其中UTF包括UTF-8，UTF-16，UTF-32

3.网页编写代码的格式:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title>
</head>
<body>    </body>
</html>

4.基础标签

标签	作用
H系列标签	h1~h6 ，给文本定义标题
p标签	定义段落
Hr标签	显示分割线
img标签	插入图片
a标签	超链接，控制页面之间的跳转
base标签	统一超链接如何打开
br标签	定义换行
title标签	定义网站的标题
注释	< !- -内容- ->或者/**/
锚点	例如点击头部跳转到中部或者尾部
假链接	点击之后不会跳转

练习：
5.列表

有序列表（ordered list)

<ol>
<li>需要显示的内容</li>
</ol>

无序列表(unordered list)（前面会有小圆点）
例如新闻列表

<ul>
<li>需要显示的内容</li>
</ul>

eg:

效果图

定义列表

例如京东网站尾部的信息

eg：

<dl>
<dt></dt>//定义列表中的标题
<dd></dd>//定义标题下的内容
</dl>

6.表格标签

格式:

<table><tr>//行<td>显示的内容</td>//小格</tr>
</table>

细线表格

<table bgcolor="black",cellspacing="1px">
<tr bgcolor="white">
<td>内容</td>
</tr>
</table>

单元格合并
1.竖直方向

<td colspan="2"></td>

2.水平方向

<td rowspan="2"></td>

效果

6.表单标签

格式:

<form><表单元素>
</form>

常见的表单标签
1.input标签
2.Label标签
3.datalist标签
4.select标签
5.textarea标签
6.video标签
7.audio标签
8.marquee标签
9.详情概要标签
10.字符实体
字符实体：在HTML中对空格，回车，Tab不敏感，会把多个当成一个来处理，&nbsp=一个空格，&lt=<，&gt=>，&copy=©（版权符号）
下面用到1，2，3，4，5标签常用的属性和值做了一个简单的注册界面，代码如下

效果图:

video标签的使用（插入视频）

（国超太帅了呜呜）

8,9标签的演示:
8标签默认状况下是折叠，marquee标签的话，类似于跑马灯

效果如下:

CSS–修改网页的样式
笔记分享(╹▽╹)（其实我是懒，再写下去的话我人就没了，嘘）

写周报太难了呜呜┭┮﹏┭┮头大

（前端学习）寒假第一周周报相关推荐

Web前端学习总结第一周
目录前言一.HTML和CSS概述 1.W3C 2.HTML 3.CSS CSS的作用二.HTML术语 1.HTML注释 2.HTML元素 ⑴元素的组成部分 ⑵属性 3.层次关系 ⑴嵌套 ⑵若A直 ...
Web前端学习第五周
Web前端学习第五周 strong和b.em和i strong 和 em 都是表示强调的标签,表现形态为文本加粗和斜体. b 和 i 标签同样也表示文本加粗和斜体. 区别在于,strong和em 是具 ...
python学习日记(第一周）
python学习日记(第一周) 前言: 无论出于什么目的,学个程序语言吧.之前学过一点点基础语法,然后就搁置了两年,日记仅作为个人记录,有问题还望不吝赐教其实这玩意儿应该每次学一部分记录一部分的,好 ...
寒假-第一周-几何-(点线关系的问题)
寒假第一周:几何 POJ 2318 TOYS POJ 2398 Toy Storage(叉积判断左右+二分) POJ 3304 Segments(思维) POJ 1269 Intersecting L ...
Python学习的第一周
Python学习的第一周一.初识Python Python的应用领域目前Python在Web服务器应用开发.云基础设施开发.网络数据采集(爬虫).数据分析.量化交易.机器学习.深度学习.自动化测试 ...
数据挖掘学习——第一周周报
理论学习: 因为此前没有上过梁上松老师的数据挖掘课,对如何开始入手.算法的选择等都没有思路,加之本周投入的时间不长, 为此第一周主要进行的是理论方面的学习.意在对数据挖掘比赛基本流程有个大致的认知,为 ...
java实习第一周周报,大学生实习周报
无论学习什么专业,从事什么职业,我们都需要提前实习啦,把理论知识结合起来运用到实践当中去.下面是由出国留学网小编为大家整理的"大学生幼儿园实习周报十周",仅供参考,欢迎大家阅读. ...
【实习】实习第一周周报
一.概述本系列为[实习]系列文章,对该系列文章的说明参见[实习]实习系列文章说明.本文为该系列文章中的周报. 二.趣事 2.1 制度规范入职第一天就感觉到了公司的制度规范,进入公司的第一天便有人 ...
OUC暑期培训（深度学习）——第一周学习记录：深度学习和pytorch基础
第一周学习:深度学习和pytorch基础目录第一周学习:深度学习和pytorch基础 Part 1:视频学习: 1. 绪论: 2. 深度学习概述: Part 2:代码练习: 1. pytorch基 ...

（前端学习）寒假第一周周报

HTML—给网页的内容添加语义，而不是改变样式

（前端学习）寒假第一周周报相关推荐

最新文章

热门文章