web实训知识点_0312

今日学习内容: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注释

// : 添加单行注释   

/**/  : 添加多行注释   

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值