1.前端
广义:前端是软件系统中直接和用户交互的部分。
狭义:目前国内的前端总体而言是完成基于浏览器用户界面设计和开发,主要工作有PC网站开发,移动端网站开发,webapp开发,在线游戏开发,本地软件开发。
前端组成主要包括三大部分:HTML, CSS, JavaScript。
其中HTML是网页内容的展示,比如:文字,图片,视频,音频等;
CSS是网页内容的装饰:比如,让文字的大小和字体更漂亮,设置图片和视频的位置等;
JavaScript是网页内容的交互:比如让视频可以点击暂停、快进,图片随用户点击发送变化,用户修改网页文字内容,登录,注册等。
2.HTML及其基本标签
2.1HTML
HTML是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签),总的来说,HTML使用标记标签来描述网页,如下:
1 <h1>这是一个标题</h1>
2 <p>这是一个段落</p>
3 <a href="http://www.baidu.com">这是一个超链接</a>
html就是通过这些一系列的标签来描述页面,构成页面的主体部分。
2.2HTML基本标签
什么是标签?
标签是由:小于号+中间字符+大于号组成的代码(注:代码的所有字符都由英文字符组成),作用是给用户展示特定内容或是告诉浏览器与搜索引擎关于网页的部分信息。
例如
2.2.1网页基本标签
1.注释标签:专业术语为 ,用来将这一行代码的作用,含义,意图等信息写在这四个减号中间,让程序员后期能够看懂之前写的内容,快捷键 Crtl+/
2.DOCTYPE标签:格式为<!doctype html>,此标签称为DTD,是文档类型定义(Document Type Definition),此标签不属于网页的内容,它是一条指令,告诉浏览器编写页面所用的标记的版本。现此标签一般直接用于为HTML5的文档类型定义文件
3.html标签:格式为 ,此标签用于存放网页上的所有内容,无论是给用户看的还是用来与浏览器或是搜索引擎通讯的信息,统一存放在html的开始标签和结束标签之间,其中lang是language的缩写,代表该网页属于哪一个国家或是地区的网页,常用lang包括
en-US/en 英语(美国) zh-CN 中文(简体,中国大陆)
zh-SG 中文(简体,新加坡)
zh-HL 中文(简体,香港) zh-MO 中文(简体,澳门)
zh-TW 中文(简体,台湾)
4.head标签:网络上需要在浏览器上显示出来的信息,
5.title标签:存放网页的名字,方便用户在搜索引擎中通过搜索网页的名字找到相应的网站,网页的名字会在浏览器的标签页上显示用以标注当前打开的网页属于哪个企业。
6.m