1. 前端概述
1.1 前端
前端和后端,站在代码执行位置的方向来区分的话,服务端所执行的代码被叫作为后端代码,亦便是这部分代码是在服务器上运行的。
而咱们所看到的网页内容,是咱们的浏览器获取到服务器处理后发来的结果(代码)之后,在本地进行渲染后所呈现的效果。
亦便是说,这部分代码是在客户端本地执行的,那样这些在客户端本地执行的代码就叫前端代码。
总的来讲,前端便是在客户端执行的代码,而后端,便是在服务端执行的代码。
1.2 HTML
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言。
这种语言由一个个的标签构成,用这种语言制作的文件保留的是一个文本文件,文件的扩展名为html或htm,一个html文件便是一个网页。
html文件用编辑器打开表示的是文本,能够用文本的方式编辑它,倘若用浏览器打开,浏览器会根据标签描述内容将文件渲染成网页,表示的网页能够从一个网页链接转到另一一个网页。
2. HTML的基本标签
<!DOCTYPE> <!--告诉浏览器,以下的html文本 根据标准模式(W3C标准)渲染-->
<!--html标签不区分 体积写-->
<!--html标签分为闭合标签和自闭合标签-->
<!--html标签的属性 一般是以键值对的形式 显现,且只能 显现先 起始标签中-->
<!-- 倘若属性值和属性名完全 同样,直接写属性名 就可-->
<!--标签存在的 道理是为了方便让css、js对指定内容进行操作-->
<html lang="en">
<head>
<!-- html页面的标题,head标签中的内容除了title,其他用户都看不见 -->
<title> ray の 小破站</title>
<!-- 设置字符编码,下面两者等价,选一种 就可 -->
<meta charset="UTF-8"> <!-- 这儿其实是下面写法的简写 -->
<meta http-equiv="content-type" charset="UTF-8">
<!-- 设置搜索引擎搜索 重要字和网站描述 -->
<meta name="keywords" content="生活, 平常,分享,扯淡">
<meta name="description" content="人生天地之间,如白驹之过隙">
<!-- 自动刷新 -->
<!-- <meta http-equiv="refresh" content="5;URL=http://cnblogs.com/hgzero">-->
<!-- 表示页面的图标,浏览器上方 表示的图标 -->
<link rel="icon" >
</head>
<body>
<div id="first"> 这儿是顶部, 这儿设了一个a标签的锚点</div>
<h1>1. 最基本的几个标签</h1>
<!-- h1到h5的字体 体积依次递减 -->
<h2>1.1 几个特殊图标和符号</h2>
<p> 这儿的nbsp 表率一个空格 </p>
<p> 这儿的>和<分别 暗示大于和 少于</p>
<p> 这儿的br标签是<br>换行标签</p>
<h2>1.2 几个字体格式
|