本人做了几年的Android开发,最近接手的项目里面,大多数界面都是加载的网页,为了能够更好的接手项目,同时也让自己能够多学一些,所以准备自学一些web前端的知识。
学前调研
因为自己也不算新手了,所以在IDE的选择上,我还是准备用比较成熟的,这里我选择的是VScode,如果是小白的话,建议用记事本或者其他编辑器。之所以选择VScode,是因为项目中用到了,同时我也查了关于这个IDE的资料,反馈还是不错的,可以自己添加一些插件,同时也有提示,而且很流畅。使用的话还是比较简单的,大家去查一下简单的使用教程就可以上手了。
下面说一下新手该如何学习:
这个是知乎上的回答,感觉不错,大家可以直接看
https://www.zhihu.com/question/27018083
推荐书籍
https://jingyan.baidu.com/article/c275f6ba3c5156e33d7567a1.html
学习网站:菜鸟教程
http://www.runoob.com/
视频下载完了,还没开始看,今天主要是对着菜鸟教程学习了一些,下面就今天所学总结一下,也加深自己的记忆
html基础介绍
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
!DOCTYPE html :声明为 HTML5 文档
html :元素是 HTML 页面的根元素
head :元素包含了文档的元(meta)数据
title :元素描述了文档的标题
body :元素包含了可见的页面内容
h1 :元素定义一个大标题
p :元素定义一个段落
上面应该是最简单的一个例子了,就像我们编写的hello world一样,除了h1和p,剩下的每次创建一个html基本都会编写,怎么快速生成呢,
英文!,然后tab键,这样就可以了,理解了上面的含义,以后就不用每次重复敲了。
基本知识点总结
下面概括性的总结一些常用的:
标签 | 含义 |
---|---|
p | 表示一个段落 |
h | h1-h6,标题的重要性依次减弱 |
hr | 定义一条水平线 |
br | 插入单个折行(换行) |
b | 定义粗体文本 |
em | 定义着重文字 |
i | 定义斜体字 |
small | 定义小号字 |
strong | 定义加重语气 |
sub | 定义下标字 |
sup | 定义上标字 |
ins | 定义插入字 |
del | 定义删除字 |
code | 定义计算机代码 |
kbd | 定义键盘码 |
samp | 定义计算机代码样本 |
var | 定义变量 |
pre | 定义预格式文本 |
abbr | 定义缩写 |
address | 定义地址 |
bdo | 定义文字方向 dir属性设置文字方向 |
blockquote | 定义长的引用 |
q | 定义短的引用语 |
cite | 定义引用、引证 |
dfn | 定义一个定义项目。 |
注意事项:
- 标签要尽量小写,同时要有开始和结束,属性和属性值也要尽量小写,大多数地方应该都是小写的
- 提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=’John “ShotGun” Nelson’
- HTML代码中的所有连续的空行(换行)也被显示为一个空格。
html链接
<a href="http://www.baidu.com/" target="_blank">跳转到百度</a>
使用a标签,这里的href中是要跳转的地址,如果不设置target,那么默认在原窗口跳转,如果加上”_blank”,那么就会新打开一个窗口。
- href里也可以是本地的html文件,这样就可以做到相互跳转
- 跳转的文本,除了文字还可以是图片和链接
- 这部分以及跳转到指定位置,在代码中体现,发邮件感觉用的不多,以后有需求再看
html头部
标签 | 含义 |
---|---|
head | 定义了文档的信息 |
title | 定义了文档的标题 |
base | 定义了页面链接标签的默认链接地址 |
link | 定义了一个文档和外部资源之间的关系 |
meta | 定义了HTML文档中的元数据 |
script | 定义了客户端的脚本文件 |
style | 定义了HTML文档的样式文件 |
暂时先了解相关的定义,以后用的应该会多一些
OK,今天大概就学了这么多,自己敲了一些代码,会发出来,每天学习一点点,加油吧!
代码地址:https://download.csdn.net/download/lbqcsdn/10438043