web前端学习之路-第一天

最新推荐文章于 2020-09-09 08:43:25 发布

Bai强

最新推荐文章于 2020-09-09 08:43:25 发布

阅读量367

点赞数

分类专栏： web开发文章标签： html

本文链接：https://blog.csdn.net/lbqcsdn/article/details/80454290

版权

web开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本人做了几年的Android开发，最近接手的项目里面，大多数界面都是加载的网页，为了能够更好的接手项目，同时也让自己能够多学一些，所以准备自学一些web前端的知识。

学前调研

因为自己也不算新手了，所以在IDE的选择上，我还是准备用比较成熟的，这里我选择的是VScode，如果是小白的话，建议用记事本或者其他编辑器。之所以选择VScode，是因为项目中用到了，同时我也查了关于这个IDE的资料，反馈还是不错的，可以自己添加一些插件，同时也有提示，而且很流畅。使用的话还是比较简单的，大家去查一下简单的使用教程就可以上手了。

下面说一下新手该如何学习：

这个是知乎上的回答，感觉不错，大家可以直接看
https://www.zhihu.com/question/27018083

学习网站：菜鸟教程
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

Bai强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端学习之路-第一天

本人做了几年的Android开发，最近接手的项目里面，大多数界面都是加载的网页，为了能够更好的接手项目，同时也让自己能够多学一些，所以准备自学一些web前端的知识。学前调研因为自己也不算新手了，所以在IDE的选择上，我还是准备用比较成熟的，这里我选择的是VScode，如果是小白的话，建议用记事本或者其他编辑器。之所以选择VScode，是因为项目中用到了，同时我也查了关于这个IDE的资料...
复制链接

扫一扫

专栏目录