黑马程序员技术交流社区

标题: 【成都校区】自己总结的前端标签: 送给大家 [打印本页]
作者: 万金哥哥    时间: 2018-5-29 23:29
标题: 【成都校区】自己总结的前端标签: 送给大家
* 跟标签: <html></html>

* 字体标签：<font>文字</font>
color属性:字体颜色
size属性:字体的大小
face属性:字体

* 标题标签：<h1>一级标题</h1>
            <h2>二级标题</h2>
            <h3>三级标题</h3>

* 段落标签：<p></p>

* 字体加粗标签：<b></b>

* 字体斜体标签：<i></i>

* 字体下划线签：<u></u>       

* 居中标签：<center></center>

*原生标签：<pre>
*横线标签：<hr/>

*图片标签:<img>
属性:
src        :图片的来源.
width        :图片的宽度.
height:图片的高度.
alt        :图片找不到显示的内容.

*有序列表：<ol></ol>
*无序列表：<ul></ul>

*HTML的超链接标签：<a>
属性:
href        :链接的路径
target        :打开的方式. _self,_blank,_parent
_self        :在自身页面打开
_blank        :新打开一个窗口

*表格标签：
table标签:
tr标签：表格的行.
td标签：表格的列.

*表单标签：
form标签：
action属性：表单提交的路径
method属性：表单的提交的方式.
GET：地址栏上会显示提交的数据的信息,大小限制.
POST：地址栏不会显示提交的数据的信息,没有大小限制.
<input>
        type=”text”:文本框
        type=”password”:密码框.
        type=”radio”:单选按钮.
        type=”checkbox”:复选框.
        type=”file”:文件上传.
        type=”hidden”:隐藏字段.
        type=”submit”：提交按钮.
        type=”reset”:重置按钮.
        type=”button”:普通按钮.
        type=”image”:图片按钮.
<select>:下拉列表.
<textarea>:文本区

框架标签:
<frameset>
<frame>

*空格        :&nbsp;               
<        :&lt;
>        :&gt;



* CSS的引入方式：
行内样式：在html元素上使用style属性设置
内部样式：在html中使用<style></style>进行设置
外部样式：定义一个css文件,在html中引入该文件.<link href=”” type=”” rel=””/>


* CSS的选择器：
元素选择器：div{}
ID选择器: #d1{}
类选择器：.divClass{}

* HTML的window对象
setInterval();:每隔多少毫秒执行某个表达式.
setInterval(“change()”,5000);
setTimeout();                :隔多少毫秒执行一个该表达式.
setTimeout(“change()”,5000);

* 函数：
在js中定义函数使用function 函数的名字() {}
在js中还有匿名函数：事件属性 = function() {}

*js的引入方式？
        有两种：
        方式一：
                <head>
                        <script type="text/javascript">
                                XXXOOO
                        </script>
                </head>

        方式二：
                <head>
                        <script type="text/javascript" src="../js/check.js"></script>
                </head>



*JS的事件：
onchange:下拉列表改变事件.
ondblclick:双击某个元素的事件.



*【DOM的常用的操作】
获得元素：
document.getElementById();                -- 通过ID获得元素.
document.getElementsByName();                -- 通过name属性获得元素.
document.getElementsByTagName();        -- 通过标签名获得元素.
创建元素：
document.createElement();                        -- 创建元素
document.createTextNode();                -- 创建文本
?添加节点：
element.appendChild();                        -- 在最后添加一个节点.
element.insertBefore();                        -- 在某个元素之前插入.
?删除节点：
element.removeChild();                        -- 删除元素



**HTML 定义了网页的内容
**CSS 描述了网页的布局
**JavaScript 网页的行为





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2