W
e
l
c
o
m
e
: )

html学习第一天

各种标签

段落标签:p
换行标签:br/
水平线标签:hr/
加粗标签:strong、b
倾斜标签:em、i

特殊符号

特殊符号

空格: 
大于号:>
小于号: <
引号:"
版权符号:©

图像标签

<img src="" alt="" title=""
src:图片地址
alt:图片加载失败时显示
title:鼠标悬停时显示
height,width:高宽

链接标签

a标签名


href:图片地址
target:目标窗口的位置 _blank 在新开窗口打开,_self 在当前窗口打开
例:简单的嵌套

<a href="http://www.rmxob.cn"><img src="http://img1.imgtn.bdimg.com/it/u=3456509637,855776636&fm=26&gp=0.jpg" alt=""></a>

锚链接

从A页面的甲位置传到A页面的乙位置


<a href="#mao">跳转</a>
<p>sad</p>
<p>asd</p>
<p>asd</p>
<p>sda</p>
<p>sad</p>
<p>sd</p>
<p>sad</p>
<p>asd</p>
<p>sad</p>
<p>sad</p>
<a href="" name="mao">目的地</a>

列表

无序列表

ul -li无编号的列表

属性:

type:圆点的属性 disc square cicre

有序列表

ol -li有序号的列表
type:1 A I/i

定义列表

dl -dt

<dl>
    <dt>学院</dt>
     <dd>数字媒体与艺术设计</dd>
     <dd>计算机科学与软件</dd>
     <dd>商学院</dd>
</dl>

表格

table tl行 td列 th表头

属性

水平对齐 align:center left right

垂直对齐 valign:top middle bottom baseline

border 边框大小

cellspacing 行间距
cellpading 字距上下的距离

<table align="left">
    <tr>
        <td>第一行第一列</td>
        <td>第一行第2列</td>
        <td>第一行第3列</td>
    </tr>
    <tr>
        <td>第2行第1列</td>
        <td>第2行第2列</td>
        <td>第2行第3列</td>
    </tr>
    <tr>
        <td>第3行第1列</td>
        <td>第3行第2列</td>
        <td>第3行第3列</td>
    </tr>
</table>
<table border="2" cellspacing="5" cellpading="5">
    <th>name</th>
    <th>age</th>
    <th>sex</th>
</table>

表格的跨行与跨列

跨列

colspan="n"

跨行

rowspan=""

posted @ 2020-04-23 11:31  rmxob  阅读(152)  评论(0)    收藏  举报