web前端不得不说浏览器、网站、网址、网页。
浏览器是是一个软件,通往互联网世界的门户,它通过网址找到网站并显示网站上面的网页。这个我们眼睛看的网页界面就是前端。相对应的当然也有后端,后端我们无法直观看到,但是它也为显示在我们眼前的页面做了很多幕后工作。
学习前端开发就得学HTML、CSS、javascript。如今的PC端网页、手机端网页、小程序页面、APP页面或都有他们的参与!
1、什么是HTML
HTML 是用来描述网页的一种语言。
全称是超文本标记语言(英语:HyperText Markup Language,简称:HTML)。
HTML 不是一种编程语言,而是一种标记语言,使用标记标签来描述网页。是编写网页的语言。它的规则是由w3c制定的。
HTML文档也叫web页面。
HTML文档的后缀:.html .htm
通常选用 .html ,本教程都以 .html 为后缀。
2、HTML5是什么
HTML5我们通常称作H5。
h5是目前html的最新版!之前的一个版本是4.01。
html4.01与xhtml几乎是一样的,XHTML 是更严谨更纯净的 HTML 版本。
h5仍处于完善之中。目前大部分浏览器最新版基本已经支持 HTML5 。
3、CSS是什么
CSS 指层叠样式表(Cascading Style Sheets)。
CSS3 是目前最新的 CSS 标准。
作用:控制html如何显示(排版)。使内容与表现分离。
4、JS是什么
js即JavaScript,它是 Web 的编程语言,是互联网上最流行的脚本语言。
它能改变html,能改变css。向 HTML 页面增加交互性。
5、编辑器(开发工具)
编写前端代码的工具有很多,有简单的如windows自带的记事本。
常用的专业开发工具有Vs Code、Sublime Text、HbuilderX等等。
6、H5文档结构
<!doctype html>
<html>
<head>
<title>web前端页面基本结构</title>
</head>
<body>
<h1>最简单的web页面</h1>
<p>这里是web页面演示!</p>
</body>
</html>
第一行<!doctype html> 是文档声明,告诉浏览器用的是哪个版本的,这里是H5版本的。
<html>是html文档的最外层元素。
<head> 是web页面的头部信息区域,写在 <html> 里面。
<title>是浏览器的标题显示。写在<head>里面。
<body> 是web页面的主体内容,写在 <html> 里面。
<h1> 和 <p> 是两个标签,<h1>表示的是标题,<p>表示的是段落。
tips:把这段代码输入到文本编辑器(记事本)中并保存,后缀为 .html 然后在浏览器打开看下实际显示的效果吧!
7、标签、元素
标签是成对的,有开始有结束(闭合):
<h1></h1>
<p></p>
有些特殊的标签没有结束符,但它开始标签中进行关闭:
<img /> <input /> <br />
元素:指的是从开始标签(<p>)到结束标签(</p>)的所有代码。
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签
常用的标签还有:<div> 、 <span> 、<h2>、<button>、<em>、<strong>、<hr /> 、<pre> 、<input />、<style>、<script>
8、怎么学HTML
学html就是学html的标签、标签的属性。
记住常用的标签以及属性(基本上写的次数多了自然就记住了,不需要死记硬背)。