今日学习内容:1、复习Html+CSS重要知识点。
2、Javascript基本语法。
3、JS案例分析
<1>下面这段代码是html常用标签:
<!DOCTYPE>
<html>
<head>
<meta charset ="UTF-8">
<title>Document</title>
</head>
<body>
<p>段落</p>
<h1>标题字大小(h1~h6)</h1>
<b>粗体字 </b>
<strong> 粗体字(强调) </strong>
<i> 斜体字 </i>
<em> 斜体字(强调)</em>
<center>…</center> 居中文本
<ul>
<li>无序列表 <li>
</ul>
<ol>
<li>有序列表 </li>
</ol>
<a href=”…”> 超链接 </a>
<img src=’” 定义图像”>
<table>…</table> 定义表格
<th>定义表格中的表头单元格</th> <!-- 在此处写注释 -->
<tr>定义表格中的行</tr>
<td>定义表格中的单元</td>
<form> 表单 </form>
<frame>定义框架集的窗口或框架 </frame>
</body>
<2>CSS :Cascading Style Sheet ,层叠样式表、级联样式表,简称为 样式表。
css插入样式表:外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<!--css外部样式表:当样式需要被应用到很多页面的时候,
外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。-->
内部样式表:
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
<!--当单个文件需要特别样式时,就可以使用内部样式表。
你可以在 head 部分通过 <style> 标签定义内部样式表。-->
内联样式
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
<!--当特殊的样式需要应用到个别元素时,就可以使用内联样式。-->
css盒模型:CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
- Margin(外边距) - 清除边框外的区域,外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域,内边距是透明的。
- Content(内容) - 盒子的内容,显示文本和图像。
块级元素和行内元素
区别:①块级元素独占一行。
行内元素不换行。
<3>javaScrpit是互联网上最流行的脚本语言(不需要编译,即可直接运行)。主要运用在HTML和web当中。
JavaScript是基于对象和事件驱动的客户端脚本语言
JavaScript注释
// : 添加单行注释
/**/ : 添加多行注释