前端学习小笔记

Web前端的简介

	Web前端是计算机科学开发的领域,它主要针对用编码实现和构建可见的东西,也就是用户进行交互的界面,
	集中使用在Web应用程序或建设网站中,它还包括移动应用程序的开发,比如小程序,
	负责创建这些类型的应用程序和网页的布局或架构的人员是前端开发人员。

Web前端三架马车

	W3C 制定了结构(xhtml、xml)和表现(css)的标准,非赢利性的.
	ECMA制定了行为(DOM(文档对象模型),ECMAScript)标准.
	前端由HTML,CSS,JS组成
	其中HTML用来确定网页的骨架和结构,决定要显示那些内容,比如显示一个段落或者是标题,图片视频等.
	CSS用来修饰这些这些要显示内容的样式,比如HTML中的段落是在什么位置显示,字体是什么颜色,字体是多大,
	使用的是哪一个字体,图片的大小,显示的位置,是平铺还是不平铺等等.
	JS是用来实现用户和网站的交互,用来确定css中的内容的动作

下面使用一张图片来形象的展示出HTML,CSS,JS的特性.
在这里插入图片描述
流程图如下:

Web的标准
HTML结构层
CSS样式层
JS行为层

HTML基础部分

	首先要学习到的就是前端的三驾马车之一的HTML(超文本标记语言),
	英文名是:((Hyper Text Markup Language) ),它是万维网的描述性语言.
  • HTML的基本结构
<!DOCTYPE html>		//声明这是一个HTML文档
<html>				//说明写的是HTML标记语言
<head>				//这是文档的头部部分
<meat charset="utf-8">  //声明编码的格式是utf-8
<title>这是一个基本结构</title>	//这个是文档的标题,会在标题栏显示
</head>
<body>				//这是内容部分,也是文档的主体部分
		
</body>
</html>
  1. HTML的基础语法
    1.常规标记(也叫双标记,双标签)
    标记也叫标签,只是叫法的不同,不用深究
    <标签></标签>
    比如:
 	<head></head>
 	<body></body>
 	<h1></h1>
常规标签是成对出现的,有结束标签,上述的<head></head>中,</head>就是结束标签,以/为结束符
  1. 空标记(也叫单标签,单标记)
    <标签>
    比如:
	<hr>    //水平分割线
	<br>    //强制换行
	<meat>	
单标签和常规标签不同,它不是以成对出现的,它没有结束标签,以/为结束,但/可以省略不写.

注意事项:

	1.写在<>中的单词叫做标记,标签也叫做元素
	2.空标记没有结束标签,以/来代替
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值