HTML是个简写,全称是:Hyper Text Markup Language,其实就是我们平常看到的网页。无论是网易、天猫还是京东、拼夕夕,凡是你看到的网站都是HTML。
可能你觉得还是太神秘,教你一招揭开这些网站的面纱。
如果你使用的是Chrome浏览器,可以在网页上点击鼠标右键,选择“显示网页源代码”。
然后大家就可以看到这样的信息。
你之所以能看到漂漂亮亮的网页,其实就是上面这些字符起的作用,而你所使用的浏览器就是那个把这些字符变成网页神器。
HTML难不难?看到上面网页的内容,是不是感觉HTML很难啊,都不明白是什么意思?别着急,如果要学习HTML,千万不要从这些网站的网页入手,否则肯定掉坑里。这些网站上的东西太多了,程序员大佬们看得也费劲,就更别提小白了。HTML本身内容并不是很复杂,只需要一步步来,很快就能学会了。
学J ava为什么要学习HTML?你可能会有疑问,好好的Java编程,怎么学起HTML来了?
这个主要原因就是,Java编程当前主要就是用在网站编程这块。虽然当前提倡前后端分离,很多Java程序员不写前端了,但是不少公司还是希望Java程序员了解前端知识,万一要用的话,就可以直接上了,不必再去招个人专门搞前端。
HTML基础样例给大家展示两个简单的HTML样例,找找感觉:
代码:
效果:
代码:
效果:
HTML,是由一系列XML标签,按照一定规则排列组合形成的文本文件。用户在网页浏览器(如Edge、Chrome)中输入一个网址并按下回车键后,浏览器就发请求给网站,网站服务器将HTML文件回发给浏览器,然后浏览器根据HTML文件内容进行展示。流程如下:
HTML总共100多个标签,但是常用的没有这么多,所以大家不必逐个去记,先学会几个常用的就好了,如果以后不会用了,上网搜一下,就可以找到很多资料。
- html标签:html文件的根标签,标记文件的开头和结尾
- head标签:网页头信息,css文件、js文件、标题还有一些元数据(meta)都放在这里
- title标签:指定网页标题
- body标签:里面存放网页正文
- p标签:显示文字
- div标签:显示一个块,里面可以放各种类型内容,如文字、列表、图片等等。
- li标签:列表子项,需要和ul或ol标签联合使用
- ul标签:无序列表
- ol标签:有序列表
- a标签:链接
- table标签:显示一个表格
- tr标签:显示表格里的行
- td标签:表示表格里的单元格
- img标签:显示图片
- hr标签:水平分割线
- br标签:换行
- form标签:表单,用于提交数据到服务器。如登录页面要输入用户名、密码,就要放到表单标签里。
声明: 因本文前期在头条发布并且当时名称为“十代码农”,所以截图带有十代码农的水印。