学习笔记一之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)
网友评论