博客列表 >第二天

第二天

美丽城堡
美丽城堡原创
2018年03月16日 22:26:44909浏览

一、

1、    html 注释    <!--    单行或多行注释内容 -->

2、    <!DOCTYPE html>    当前文档类型是 html5

3、    <html lang="en">    当前html 文档的语言是 English

        <html lang="ch">      当前html 文档的语言是 中文

4、     <head>                 1).主要是文档的描述信息,关键字,编码

                                     2).加载一些外部资源:样式表,脚本

                                      3).主要是给浏览器解析,给搜索引擎看的

5、        <meta name="keywords" content="关键字">

            <meta name="description" content="页面描述内容">

6、        <link rel="stylesheet" type="text/css" href= "a.css">

7、        <script src="js/a.js"></script>


二、

1、    页面中看得到的, 一般都是元素,元素是用标签来表示的

2、    标签是用来描述元素,因为元素不同,有文本,图像不一样的,

            所以标签也有很多种

3、    根据标签描述对象的不同,标签分为双标签和单标签

4、    如果标签中有文本或者子标签,一般都是用双标签来表示的

5、    如果标签中的内容,来自一个外部资源,比如图像,文件大多是单标签

6、    标签的属性必须写在开始标签中,单标签就直接写在标签中

7        属性的基本格式:     属性名 = “值”,属性名=“值”, ......可以有多个名值对

8、      属性如果是单位值像素,则可以不用加px,因为默认就是px

9、     文本是页面中最重要的内容,也是唯一被搜索引擎直接识别的元素


三、

1、    标题标签: h1~h6

2、    <hr/>  水平线

3、    <br/> 换行

4、    <strong> 字体加粗 </strong> 

5、    <em> 斜体字 </em>

6、     <pre> 格式化代码 </pre>

7、    <p>段落文本</p>

8、    <a href="" target="_blank"> 百度 </a> 

             target="_blank"    在新的窗口中打开

                target = "_self"  在当前窗口中打开

                   target=" _parent" 父窗口打开

                       target=" _top"         在最顶层的窗口中打开

四、  

1、    <img src="img/a.png" alt="图片”width="200">

            图像的高度和宽度,只设置一个,则另一个会等比缩放

2、    <table></table> 表格标签

3、    创建表格的基本步骤: 先写行,再写列(单元格)

4、    用户数据全部保存在单元格中的

5、    <tr></tr>     行,<td></td> 列 ,<th></th> 表格表头 , <caption>表格标题</caption>

小粟子
<table border= "1" cellspacing="0" cellpadding="5"
    align="center" width="88%" >
    <caption><h3>表格标题<h3></caption>
    
    <colgroup span="1" bgcolor="lightgreen"></colgroup>
    <colgroup span="1" bgcolor="lightgreen"></colgroup>
    <colgroup span="2" bgcolor="lightyellow"
        <col bgcolor="lightgray">
        <col>    
    </colgroup>
    <colgroup span="1" bgcolor="lightcyan"></colgroup>
    
    <thead>
    <tr bgcolor="#abcdef">
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th rowspan="2" colspan="2">编辑</th>
    </tr>
    </thead>
    <tbody>
    <tr align="center">
        <td>小一</td>
        <td>男</td>
        <td>21</td>
        <td><a href="#">增加</td>
        <td><a href="#">删除</td>
    </tr>
    <tr>
        <td>小二</td>
        <td>男</td>
        <td>22</td>
        <td><a href="#">增加</td>
        <td><a href="#">删除</td>
    <tr>
    </tbody>
    <tfoot>
        <tr>
            <td>one</td>
            <td>two</td>
            <td>three</td>
            <td><a href="#">增加</td>
            <td><a href="#">删除</td>
        </tr>
    </tfoot>
</table>

        cellspacing="0"     单元格间的间隙

        cellpadding="5"     内容与边框的距离

        align= "center"     表格在文档中的对齐方式,放在<table> 里是表格居中,

                                    放在 <tr> 或 <td> 中则是表格内容相对表格的对齐方式

        width = "500"        表格的宽度

        bgcolor ="skyblue"    设置表格的背景颜色,深蓝

        <th></th> 默认样式: 加粗,居中

        thead,tbody,tfoot 仅仅是一个分区标识,没有任何样式

        <colgroup></colgroup>     表格分区

        <td colspan="3">合并三列</td>    是水平方向的合并

        <td rowspan ="2">合并二列</td>  竖直方向的合并

        <td colspan="2" rowspan="2" align="center">合并两行两列内容居中</td>

        表格里可以放链接,图片,文本,嵌套表格

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议