学习笔记一之HTML
一直感觉写作是一件很神圣的事情，既要不絮叨还要把重点凸出出来，这次临阵磨枪难免蹩脚，看来以后打打写作的基本功还是有必要的。第一次来这个平台，打算记下自己的足迹，标记上自己的开始。。。。。。
01
刚上大学的时候，就听说好多师兄姐们去了某某地去学习，那时候很不解，现在好像理解了，而且还是身临其境确确实实地体会到了。想起当初选学校真的是一头雾水，因为学校太多了，一下子竟不知所措了，网上的评说简直是众说纷纭，后来经过自己的多方了解和朋友介绍，我选择了小码哥。现在的我已经完成了前端部分HTML的学习，自我感觉良好，也希望能够将学习进行到底。
尽管是计算机专业的，但是课堂上学的很浅再加上自身注意力不怎么集中等，学校学那点勉强可以称得上入门吧。然后闲暇时也有自学过一些基础，看过一些视频，但是可能疏于整理，几次看下来感觉很混乱，因为HTML部分尽管很简单，都是一些标签，没有深层次的逻辑问题让人费解，但是那么多的标签难免感觉繁杂，难以记忆，用的时候不能尽兴。
这一次看江哥的视频，感觉真的不一样。一方面是自己用心了，但另外很重要的一方面，就是老师的领头作用了。江哥的视频、随堂笔记，脉络很清晰，让人一眼就明白了什么是重点，明白学完这章要掌握哪些，自己能做出什么东西。每个标签都有对应的英文注释，可以加强记忆，方便整合。对于标签的语义，江哥的表述既到位又通俗易懂，还有江哥那激情澎湃外加急促的声音，总能够很快带我进入学习状态。
现在学完了HTML部分，我不再如以前那般一团乱麻脑子里飘着各种各样的标签了，我知道HTML是专门用于给标签添加语义的，语义强的标签是新宠，缺少语义的标签只能面临着淘汰，如buis等。我明白了以前很闹心的http协议，懂得了网页工作的基本原理，明白了手机电脑老是那么多垃圾那么多缓存文件的根本原因。我知道HTML标签分为基础标签（H系列,p,hr,br,img以及a），列表标签，表格标签，表单标签和多媒体标签这几大类，每一个大块中又有若干的小标签，但基本都是组标签，要搭配在一起使用的，整合记忆下来真的是省事不少。想要把这些小标签全部熟练掌握，光靠记忆还是不够的，用代码落实才是终极。经过在软件上一遍遍的敲，效果真的跟预想的差不多。知道了这么多，真的很感谢江哥和他的视频。。。
“只有非常努力才能看起来毫不费力”，要想有钱景，必须非常非常努力，或许以后会加班会很累，但天上不会掉馅饼。。。明天太阳的升起就是新的一天，我一颗努力的心吃苦的心早已准备好，给自己加油打气。我相信越努力越幸运，我也相信小码哥会越办越好，会教育出更多真才实学求真务实的人。
学HTML5就选李南江，选培训机构我只选小码哥
02
笔记
-
基本知识
- 浏览器
- 服务器
- 访问页面原理
- URL
- Http协议
- 前端人员该具备的电脑设置
-
HTML初识
- HTML的概念
- HTML作用
- HTML是专门用来描述文本的语义的，就是说我们可以利用HTML来告诉浏览器哪些是标题那些事段落等。
- HTML发展史
- 网页的基本格式
<html>
<head>
</head>
<body>
</body>
</html>
字符集问题
标签的分类
DTD文档
-
基础标签
- h1-h6
- p
- hr
- img
- br
- a
- base
- 注释
- 路径
- 绝对路径
- 相对路径
-
列表标签
- 无序列表ul
- 格式
<ul> <li></li> <li></li> ... </ul>``` - 场景：导航条，商品列表，新闻列表等； - 有序列表ol
- 格式
- 无序列表ul
<ol>
<li></li>
<li></li>
...
</ol>```
- 场景：xxx排行榜等；
- 定义列表dl
- ```
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
...
</dl>```
- 场景：描述某一内容；
- 表格标签
- 格式
- ```
<table>
<tr>
<td></td>
</tr>
</table>```
- 表格属性
- border,width,height,cellspacing,cellpadding,align,valign,bgcolor;
- 表格中其他标签
- th
- caption
- 表格的结构
- thead
- tbody
- tfoot
- 单元格的合并
- 纵向合并 ` <td rowspan="n"></td>`
- 横向合并 `<td rowspan="n"></td>`
- 表单
- input
- type取值可为text，password，radio，checkbox，button，reset，submit，image，hidden，color，date（附加lable属性标签,点击文字也能使输入框获得焦点）
- datalist
`<datalist><option></option></datalist>`
- textarea
`<textarea cols="" rows=""/>`
- 多媒体标签
- video
- 格式
格式一
<video src=""></video>
格式二
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
- 属性
`src,autoplay,controls,poster,loop,preload,muted,width,height`
- audio
- 格式
格式一
<audio src=""></audio>
格式二
<audio><source src="" type=""></source>
- 详情及概要
`<details><summary></summary></details>`
- marquee
- 格式
`<marquee>内容</marquee>`
- 属性
`direction,scrollmount,loop,behavior`
- 废弃的标签
- b--->strong
- u--->ins
- i--->em
- s--->del;
- HTML实体: > < © ® & ¥ × ÷
> ###学HTML5就选李南江，选培训机构我只选[小码哥](www.520it.com)