讲课笔记1——meta标签、表格标签

图片属性：
src(source): 图片的来源（路径）,可以放置本地图片，也可以放网上的图片的url地址

【相对路径： ./:当前目录 ../:跳出当前目录，到上一目录】

title: 当鼠标停留在图片上的时候，显示提示的文字

alt:当文件找不到的时候，显示提示文字

*****************************************************************************

超链接：a

url地址：在浏览器地址栏的信息就是url地址，在输入网址的时候，应该加上http或者是https，如果不写，则把地址当成本地文件。

超链接除了可以跳转网址外，还可以跳到本地文件，如果是跳到本地文件，那么文件路径和img标签里面的src属性值是一样的（相对路径）

title: 鼠标移动到链接上显示的文字

target:
_self(默认值): 在本窗口显示跳转的文件
_blank:新开一个窗口显示跳转的文件

锚链接（回到顶部）：一般用来做跳转到页面的某个位置

1.在需要跳转位置的标签里面写上id属性或者name属性

注意：如果使用name的话，则跳转的位置的标签必须是a标签

*****************************************************************************

base标签里面的属性：
href:当跳转的是空链接（href="#"）默认跳转的地址，如果在base标签设置href属性，会把当前路径改为href的值。如果a标签里面的值是网址的话，则直接跳到网址上去。

target:所有的超链接跳转的时候，是否开启新窗口显示

跳转到空链接,将href属性值设置为#

*****************************************************************************

表格:

单元格合并：
colspan: 横向合并
rowspan: 纵向合并

<table>

  <caption></caption>
        <thead>
            <tr>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2"></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>

            <tr>
                <td></td>
                <td colspan="2"></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>

*****************************************************************************

meta标签：

<meta name="author" content="鲁迅">


<meta name="description" content="这是一些列表的展示">

<meta http-equiv="refresh" content="3;url=https://www.baidu.com">

<meta name="keywords" content="js培训，it培训">

SEO：搜索引擎优化：就是让搜索引擎（百度，搜狗）更好的搜索到你写的网站。
1.标签语义化（使你写的文档结构清晰，搜索引擎越容易搜索到你写的网址）
2.最好给每个图片设置title属性，alt属性
3.给每个a标签设置title

posted @ 2017-02-26 16:53 Booo 阅读(194) 评论(0) 编辑收藏举报

刷新页面返回顶部

Booo

讲课笔记1——meta标签、表格标签

公告