一、前端开发核心内容
1、 html是什么?
HTML的全称为超文本标记语言,是一种biao。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
2、css是什么?
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现超文本标记语言的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
3、JavaScript是什么?
JavaScript是一门脚本语言。
二、HTML介绍
1、网页结构的介绍:
标签的声明、标签与标签之间的关系、绝大部分标签是成对出现的、不成对标签即单标签
标签都是包含在一对尖括号里面。
2、解决乱码问题
编码和解码格式要一致
3、标签分类:
(1)html标签:整个网页是从<html>这里开始的,然后到</html>结束。
(2)head标签以及head的内部标签
head标签代表页面的“头”,定义一些特殊内容,这些内容往往都是“不可见内容”(即在浏览器不可见)。
<head>内部标签 | 说明 |
---|---|
<title> | 定义网页的标题 |
<meta> | 定义网页的基本信息(供搜索引擎) |
<style> | 定义CSS样式 |
<link> | 链接外部CSS文件或脚本文件 |
(3) body标签
代表页面的“身”,定义网页展示内容,这些内容往往都是“可见内容”(在浏览器可见)。
后续课程讲解的标签都是在<body>标签内部的各种标签。
(4)段落标签
标签 | 说明 |
---|---|
<h1>-<h6> | 标题 |
<p> | 段落 |
<br> | 换行 |
<hr> | 水平线 |
<div> | 分割(块元素) |
<span> | 区域(行内元素) |
4、块元素和行内元素
HTML元素表现形式分为两类:块元素、行内元素;
块元素特点:独占一行,包括块元素和行内元素、块元素内部可以容纳其他块元素或行元素;
常见块元素有:h1~h6、p、hr、div等。
行内元素特点:可以与其他行内元素位于同一行、行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果;
常见行内元素有:strong、span等。