讲课笔记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="这是一些列表的展示">

<!-- 网址重定向:http-equiv的属性值是refresh content:第一个是隔几秒进行网址的跳转,;url=需要跳转的网址 -->
<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

时间: 2024-10-12 21:25:19

讲课笔记1——meta标签、表格标签的相关文章

H5 表格标签基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签?表格标签作用: 用来给一堆

html系列教程--span style 及表格标签 title video

<span> 标签:非块状元素,用于文本描述 <style> 标签:内联样式表标签定义样式信息,必须写明type类型为text/css,建议写在head中,不是必须 demo: <style type="text/css"> h1 {color:red} p {color:blue} </style> <table> 标签:表格标签 <tr>标签:折行标签 <td>标签:表格内容标签 demo: <

HTML表格标签

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

HTML5入门(一)—— 基本标签&amp;表格

一.HTML简介 超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML Head部分      <1>Head的作用 用于描述网页的一些关键信息.比如网页的配置.设置.关键字等等.这些信息大多在浏览器是看不到的,但是对网页的解析至关重要. <2>meta标签 ①用于描述网页的各种信息.网页编码格式UTF-8:万国码,兼容各种语言的编码,最常用! ②设置网页的关键字,有助于搜索引擎的搜索.name="keywords" 表示网页的关

H5 表格标签的其它标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签的其它标签</title></head><body><!-- 感谢极客江南 1.表格标题在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动

HTML高级标签之表格标签

前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cellpadding="0"></table> <!--表格标签 cellspacing:单元格边距. cellpadding: 单元格间距--> <caption> </caption> <!--caption: 置于table内部

HTML的表格标签

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <!-- 4 表格标签<table> 5 行标签<tr&g

表格标签和表格布局

表格标签 <table> //表格标签: <tr> //行标签 <td> //单元格 http://120.x5.x.x:8080/myhome/mytable.html 表格跨行或者跨列的效果: 跨行: <tr> <td align="center" colspan="2">北京</td> <!--<td align="center">上海</td&

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

1 <!-- 2 table border='1' style="border-collapse:collapse;" 3 border 表格的像素宽度 4 border-collapse:collapse 为表格设置合并边框模型 5 tr 表格行 一个tr包含多个th 或td 6 th 表示居中加粗 7 td 表格描述(默认正常显示) 8 9 caption 标题独占一行 在表格外面 10 thead tbody tfoot 无论顺序是怎么写的 他会自动按这个顺序展示 11 -