前端html及标签

1.　　完整的html页面标签必须有的　

 <html>
    <head>
        <meta charset="">   //一般需要指定编码语言
   </head>
    
    <body></body>
</html>

2.　　html页面嵌入js代码的两种方式　

方法一：<script type="text/javascript"></script>
方法二：<script type="text/javascript" src=""></scripts>

3.　　html页面嵌入css代码的两种方式

方法一：<style type="text/css"></style>
方法二：<link rel="stylesheet" href="css的位置" type="text/css">

其中link标签中的 rel="stylesheet"定义了一个外部样式表

4.　　jQuery

　　4.1　下面这个函数不可以省略，它是$(document).ready(function(){})的缩写，表示在HTML页面加载完成之后可以执行函数里面的代码

$(function(){

})

　　4.2　　 对于button，div等不适input类型的标签，要获得标签之间的内容需要使用text（），也可以为button设置value属性，获取value值使用val（）函数。比如

 <button val="button">i know </button>

 $("button").click(function(){
　　
　　alert( $("button").val()); // 弹出button
　　alert( $("button").text())；// 弹出i know　　
　})

　4.3　　使用jQuery获取标签的使用权

　　主要分为三类：原始的HTML element选择器，标签中有class选择器和id的选择器，比如：

 <button class="hi" id="ha" val="button">i know </button>
$("button").click(function(){　　　　　　//这是HTML原始标签
})  

$("#ha").click(function(){　　　　　　　　//  id选择器
})


$(".hi").click(function(){　　　　　　// class选择器
})

　　4.4　　字体相关的东西 ：字体类型，字的颜色、大小、粗细等

　　　　　　font-family：字体类型，font-size：字体大小，font-weight：字体粗细等

　　4.5　　table的各种边框以及如何合并等

　　　　　　table（表格），tr（行），td（单元格）。border（边框）属性主要有3个：边框类型（实，点虚线的），颜色，粗细。比如  border：solid   2px  red。合并边框用  border-collapse：collapse。

　　　　　

posted on 2018-07-11 10:51  heartzhizi  阅读(210)  评论(0)  编辑  收藏  举报

导航