网页前端后台技巧(CSS+HTML)

html学习第三天

2018-12-31  本文已影响1人  ML菜鸡

表格:

    表格使用在处理与显示数据,不适用于布局。

    创建表格:  <table width=" " border=" ">

                            <tr>

                                <td>内容</ td>

                                <td>内容</ td>

                            </ tr>

                        </ table>   

        table表示是一个框体,tr为一行,td为一个行里的一个单元格。

        table 属性还有 align(设置表格 left、right、center)、cellspacing(单元格与单元格之间的距离)、cellpadding(内容与单元格之间的距离)可以给表格、行、单元格加 align 

      表头标签:使用格式是 替换上述 <td> 为 <th>  表头标签通常是 居中 加粗

        表格标题标签:使用格式:必须紧跟 table标签,<caption>内容</ caption>

       合并单元格:分为  跨行合并 rowspan 和 跨列合并 colspan  先上后下  先左后右

    表单:表单控件、提示信息、表单域

        表单控件:input 控件 各种type类型  和 属性  

        label标签:使用格式 <label for = " ">内容</ label>

        textarea标签: 文本域  使用格式  <textarea>内容</ textarea>

        下拉标签:使用格式:<select>

                                                <option>选项1</ option>

                                                <option>选项2</ option>  ...等

                                            </ select>

        表单域: 使用格式 : <form action=“ ” method=“ ”> 内容 </ form>

CSS:网页的美容师

    行内样式表:在想修改的 标签 中加入 style属性 

    内部样式表: 使用格式: <head>

                                                    <style>

                                                    选择器 {属性 :值 ;。。。}

                                                    </ style>

                                             </ head>

    外部样式表:引用css文件  <link rel=" " href= " " />

    标签选择器: div {}   th{}  等等

    类选择器: .名字 {}   <div  class = "名字">内容 </ div >  等等

上一篇下一篇

猜你喜欢

热点阅读