JavaEE阶段首先我们要对前段的知识有所了解,今天我给大家带来的是基础的标签和属性,这也是html的开始

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello word</title>
    </head>
    <body>
        <!-- 
            标题hn(n1-6)
            段落<p>
            水平分割线<hr>
            换行<br>
            加粗<b>倾斜<i>
            字体<font>
                
                <属性>
                    size大小像素  可以是固定大小  也可以是百分比大小   字体大小(1-7)
                    color颜色
                    align位置
                    face字体样式 楷体 宋体
        -->
        
        
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            img 图片标签  src="路径"
            绝对路径
            相对路径  ../上一层
            height 高度
            width 如果有一方设置了百分比那想改变另一个属性只可以使用像素了
            title 鼠标悬停时,显示的信息
            alt  图片加载失败后,显示的信息
        -->
        <img src="../img/logo2.png" title="黑马程序员" alt="黑马程序员,图片加载失败" width="100%" height="50"/>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            a
            href 热点 href="链接网页地址"
            target
                _self 本地的网页窗口
                _blank 新开一个网页窗口
        -->
        <a href="01.图片信息显示.html" target="_blank" title="登录">登录</a>
        <a href="01.图片信息显示.html" target="_self" title="登录">登录</a>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            无序列表
            <ul>
                <li> </li>
            </ur>
            
            有序列表
            <ol>
                <li> </li>
            </ol>
            
            属性
                无序type 默认disc 实心圆
                                方块  空心圆等
                有序type 默认1
                        abc
        -->
        <ul type="disc">
            <li>第一次</li>
            <li>第二次</li>
        </ul>
        
        <hr />
        
        <ol type="disc">
            <li>第一次</li>
            <li>第二次</li>
        </ol>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            <table> 表格
                <td> 列
                <tr> 行
                <th> 表头 默认居中加粗
                    
            属性         border 边框线
                    cellspacing 单元格与单元格之间的距离
                    cellpadding 单元格与内容的距离
                
        -->
        <table border="1" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
            </tr>
            <tr>
                <td align="center">1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
            <!--
            <table> 表格
                <td> 列
                <tr> 行
                <th> 表头 默认居中加粗
                    
            属性         border 边框线
                    cellspacing 单元格与单元格之间的距离
                    cellpadding 单元格与内容的距离
                
                    合并单元格
                        行合并
                        列合并
                        表格背景色 bgcolor
                
        -->
        <!--第一行的第一个单元格与第二行的第一个单元格合并 -->
        <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999">
            <tr>
                <td rowspan="2">1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>
        
        <hr  width="80%" size="50"/>
        <!--第一行的第2个单元格与第一行的第3单元格合并 -->
        <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999">
            <tr>
                <td>1</td>
                <td colspan="2">1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>
    </body>
</html>

有什么问题博友请提出,互相探讨,我们共同成长

不停有博友问我,怎么可以学好java,我个人的经验,我也是不太聪明,多敲多练,不会就敲个十遍八遍

posted on 2017-02-16 23:58  白杨无忧  阅读(267)  评论(0编辑  收藏  举报