如何入门HTML(大一新生的阐述)

大学生活的开始

 进校的感慨

其实我不是在读什么本科的院校,而是一个普通的职业院校(高中贪玩,到最后努力几下还是没能追上),我从进入校门开始,我就已经知道,我比那些本科生已经落后了,(学术资源、师资力量、学习氛围等)但让我值得庆幸的是,我所进入的校区是一个新的校区,一切都是新的,在军训的期间,辅导员的尽责、尽心、尽力,让我感到很开心,军训结束后,我的大学生活开始了。

 专业的抉择

填报的专业是移动应用开发,是因为听到招生老师说开学分专业是可以修改的,等到了分专业班级的那个时候,我开始犹豫要不要学这个专业了,我的朋友(数媒专业)本来也是跟我同一个专业,但他却改专业了,理由是:

  1. 移动开发的班级女的少的可伶(害,我现在也有点后悔了,哈哈哈哈)
  2. 敲代码,很难,没有学数媒简单(任何的专业学到一个高度,都是差不多的难度)
  3. 没有学数媒有趣(现在他知道数媒的枯燥了,哈哈哈,背的东西超多)

但是我最终也没有改自己的专业,因为我查阅了下移动开发的这个专业在这个社会上是火的专业,且毕业薪资比较高,况且任何专业只要你学好都是不错的,数媒刚学是比较简单,但是后面也会越来越难,移动开发这个专业是开发的,要学编程语言,但是你学过之后,你会发现,你已经被它的魅力迷住了,你的兴趣会越来越大(对我而言哈),从此,我开始接触到了HTML这门课程啦。

初识HTML

  1. 记得第一次上HTML的课程(现在我还只是学了HTML框架和CSS样式),老师是个发际线很高的眼镜男,我称老师为靓仔,他很喜欢这个称呼,哈哈哈,话不多说了,开始介绍HTML如何入门,

  2. 要入门必须要知道HTML是什么: 它是超文本标记语言

  3. 那HTML能干什么呢:HTML可以做的有很多,比如我们在日常看到的静态网站,比如一些文字的大小和段落居中和一些网站的样式布局都是用html做的,但是具体的图片和文字是什么html并不涉及。html作用是将网页使用代码实现,并且将网页的各个部分添加模块,需要的时候给模块添加颜色和大小等操作。

  4. 新手入门所需要的软件有:
    在这里插入图片描述
    这两款软件根据我来说是很适合新手学习的,因为他们内部都很简洁,很适合新手的学习,下面我主要介绍一下sublime这款软件的使用。

  5. sublime的使用

  • sublime下载地址:下载地址
  • 打开界面是这样的:
    首先我们新建一个文档,快捷键ctrl+n,或者在左上角的文件那里也有一个新建,新建完了之后呢,在右下角把纯文本改成HTML
    -在这里插入图片描述
  • 然后在英文输入法下写上一个感叹号,在按住tab键,出现这种
    在这里插入图片描述
  • DOCTYPE:是申明文档的类型
  • html lang="en"向搜索引擎表示该页面是HTML语言,并且语言为英文网站(这其实也不用去管它,为了大家了解,我百度了一下把这个说明写到这里)
  • 如果你写代码打开网页会出现乱码的情况,那是因为你缺少了字符集,UTF-8,把这个meta charser="UTF-8"加上去就可以了,它是一个单标记
  • <html>告诉浏览器解析器是一个HTML的文档,它包含除了<!DOCTYPE html>网页内所有的内容
  • <head></head>一般引入该网页中使用的各种css样式表,js库等,写在title标记上方(后面我会详细讲到)
  • <title></title>是网页的标题,可以让浏览者知道当前的页面主要是讲什么的
  • <body></body>主体内容,你要写的内容都要在body标记内,比如文字,图片,视频等,都要在body标记里面写

HTML标签

  • <!--...-->定义注释
  • css的注释 /*注释内容*/
  • <h1~h6>标题标记,大小逐级递减
  • 等等,太多了,我给个链接你们自己看
  • HTML标签参考手册

以后做网页需要的网站,分享给你们哦

颜色代码,能找到你们喜欢的颜色哦
js插件
渐变CSS
图标
千库网

    今天就到这里哦,后面会讲一些CSS,还有一些没讲完的HTML,如果有问题,给我留言哦
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值