实训第一天 Html，css，JavaScript学习笔记

一、html

html主要讲了各个元素的意思和使用方法

1.一个简单的html文件主要包括

    
    
     //样式



//标记都是在body里面写的

2.主要标签元素

标签分为单标签和双标签，单标签可加或者不加闭标签，但双标签一定要有闭标签，需要符合开闭原则。

① 文章元素：

-

、

、
、、

 
  
-
标签是标题大小 1最小，6最大
 
  
标签定义段落，会自动换行
 
  

换行标签
 
  
标签是没有任何效果的文本，不能设置宽高，和p标签的区别是span不会换行
 
  
例如：代码如下
 
  
 
  
运行结果：
 
  
 
  
标签是带格式的p标签，可以保留格式，即代码上的缩进和换行，tab，空格，换行都完整的保留下来了。一般是用来展示代码的。但使用 
 标签来定义计算机源代码，比如 HTML 源代码，要使用符号实体来表示特殊字符，例如用 < >表示<>
 
  
例如代码如下：
 
  
 
  
运行结果：
 
  
 
  
②字体样式元素：、、
 
  
i标签是表示字体是斜体，b和strong标签都是字体加粗
 
  
例如：运行结果：
 
  
 
  
③布局元素：
 
  
div标签是块级元素，可以直接换行，也可以设置行高，且可以嵌套行内元素（eg.span标签）和行内块元素（eg.img）。
 
  
例如：
这是一个div
 
  
img标签可以插图片，可以设置宽高，但不能换行
 
  
④   框架元素：