JavaWeb基础知识：Html与Css基础入门

html与css基础入门

1.html的常见标签和实战

1.1 a标签

<a href="https://www.baidu.com" target="_blank">点我送福利哦！</a>
// target属性值_blank表示另取空白页打开网页，用new有同样的效果

1.2 img标签

<img src="plmm.jpg" width="100px" height="200px" alt="图片信息丢失！"/>
// alt属性的值表示当图片找不到时显示的文字信息

1.3 列表标签

<ol type="I" start="1">
    <li>我是天才1号</li>
    <li>我是天才2号</li>
    <li>我是天才3号</li>
    <li>我是天才4号</li>
</ol>

<ul type="circle">
    <li>我是逗逼1号</li>
    <li>我是逗逼1号</li>
    <li>我是逗逼1号</li>
    <li>我是逗逼1号</li>
</ul>

<dl>
    <dt>日记第一天</dt>
        <dd>好兴奋啊要上课了</dd>
    <dt>日记第二天</dt>
        <dd>晚上要早点睡觉</dd>
    <dt>日记第三天</dt>
        <dd>真的心累啊热啊</dd>
</dl>

/* ol(ordered list)：有序
        li（list item）：列表项
   ul（unordered list）：无序
   dl（defined list）：自定义
        dt（defined title）：自定义标题
        dd（defined document）：自定义内容
*/

1.4 表格标签

<table align="center" border="1" cellspacing="0" width="80%">
    <h3 align="center">考试信息登记表</h3>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>成绩</th>
    </tr>
    <tr align="center">
        <td>小二</td>
        <td>17</td>
        <td>男</td>
        <td>99</td>
    </tr>
    <tr align="center">
        <td>小三</td>
        <td>19</td>
        <td>女</td>
        <td>86</td>
    </tr><tr align="center">
        <td>小四</td>
        <td>17</td>
        <td>男&