HTML总结

HTML总结

基本标签

1、标题标签

文本自带加粗效果

开放标签与闭合标签

<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>

2、段落标签

<p></p>

3、换行标签

单标签，也叫做空元素

<br />

4、水平线标签

<hr/>

计算机操作最基本的快捷键

ctrl+c  复制
ctrl+v  粘贴
ctrl+x  剪切
ctrl+s  保存
ctrl+a  全选 
ctrl+z  撤销
delete 删除键，从前到后删除
Backspace 删除键，从后往前删除

5、超链接标签

<a href="news.html" target="_blank">跳转到news.html页面</a>
href ：代表要跳转的某个网页
target：代表目标网页的打开方式，_blank另起一个浏览器窗口。_self代表替换当前的浏览器窗口

6、图片标签

图片的格式

.png  背景透明图片
.gif  动画图片
.jpg/jpeg 品质较好
.webp  web专用图片
.bmp 体积较大的图片，品质也很高

<img src="../img/wj.webp" width="150" alt="吴京123"  title="吴京"/>
./ 当前路径，与网页自己本身是平级的
../代表返回（上一级）父级路径
width 代表宽度，可以等比缩放图片大小
height 代表高度
alt 图片的描述
title 图片的名称

7、列表标签

7.1 无序列表

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

7.2 有序列表

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ol>

7.3 定义列表

<dl>
    <dt>水果</dt>
    <dd>苹果</dd>
    <dd>西瓜</dd>
    <dd>梨</dd>
    <dt>蔬菜</dt>
    <dd>茄子</dd>
    <dd>西红柿</dd>
    <dd>黄瓜</dd>
</dl>

8、表格标签

<table border="1" cellpadding="20" cellspacing="0" width="1000">
    <tr>
        <th colspan="4">Java预科班花名表</th>
    </tr>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>班级</th>
        <th>年龄</th>
    </tr>

    <tr>
        <td>1</td>
        <td>张三</td>
        <td>Java</td>
        <td>19</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>Java</td>
        <td>19</td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>Java</td>
        <td>19</td>
    </tr>
</table>

9、div标签

ul>li*8  按tab键可以快速生成列表
div是一个专门用于网页布局的标签，盒子标签

10、文本标签

<em></em> 斜体
<strong></strong> 加粗
<span></span>  本身不带样式的文本标签