站长之家源码下载,网页模板下载 免费美食,一键优化清理加速,酒店微信网站建设目录
一、HTML 格式化
1.HTML 文本格式化标签
2.HTML 计算机输出 标签
3.HTML 引文, 引用, 及标签定义
二、HTML 链接
1.HTML 链接
2.HTML 超链接
3.HTML 链接语法
4.文本链接
5.图像链接
6.锚点链接
7.下载链接
8.Target 属性
9.Id 属性
三、HTML …目录
一、HTML 格式化
1.HTML 文本格式化标签
2.HTML 计算机输出 标签
3.HTML 引文, 引用, 及标签定义
二、HTML 链接
1.HTML 链接
2.HTML 超链接
3.HTML 链接语法
4.文本链接
5.图像链接
6.锚点链接
7.下载链接
8.Target 属性
9.Id 属性
三、HTML 头部
1.head元素
2.title元素
3.base元素
4.link元素
5.style元素
6.meta元素
7.head标签
四、HTML 图像
1.图像标签 和源属性Src
2.Alt属性
3.设置图像的高度与宽度
五、HTML 表格
1.HTML 表格
2.HTML 表格和边框属性
3.HTML 表格表头
4.HTML 表格标签 一、HTML 格式化 通常标签 strong 替换加粗标签 b 来使用, em 替换 i标签使用。 然而这些标签的含义是不同的 b 与i 定义粗体或斜体文本。 strong 或者 em意味着要呈现的文本是重要的所以要突出显示。 1.HTML 文本格式化标签 标签 描述 b 定义粗体文本 em 定义着重文字 i 定义斜体字 small 定义小号字 strong 定义加重语气 sub 定义下标字 sup 定义上标字 ins 定义插入字 del 定义删除字
2.HTML 计算机输出 标签 标签 描述 code 定义计算机代码 kbd 定义键盘码 samp 定义计算机代码样本 var 定义变量 pre 定义预格式文本
3.HTML 引文, 引用, 及标签定义 标签 描述 abbr 定义缩写 address 定义地址 bdo 定义文字方向 blockquote 定义长的引用 q 定义短的引用语 cite 定义引用、引证 dfn 定义一个定义项目。
二、HTML 链接
1.HTML 链接 HTML 使用超级链接与网络上的另一个文档相连是一种用于在不同网页之间导航的元素。 链接通常用于将一个网页与另一个网页或资源如文档、图像、音频文件等相关联允许用户在浏览网页时单击文本或图像来跳转到其他位置从而实现网页之间的互联。 2.HTML 超链接
默认情况下链接将以以下形式出现在浏览器中 一个未访问过的链接显示为蓝色字体并带有下划线。 访问过的链接显示为紫色并带有下划线。 点击链接时链接显示为红色并带有下划线。 注如果为这些超链接设置了 CSS 样式展示样式会根据 CSS 的设定而显示。
3.HTML 链接语法
①HTML 中创建链接的基本语法 a 元素创建链接的主要HTML元素是a锚元素。 ②a元素具有以下属性 href指定链接目标的URL这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。 target可选指定链接如何在浏览器中打开。常见的值包括 _blank在新标签或窗口中打开链接和 _self在当前标签或窗口中打开链接。 title可选提供链接的额外信息通常在鼠标悬停在链接上时显示为工具提示。 rel可选指定与链接目标的关系如 nofollow、noopener 等。 ③链接的 HTML 代码 a hrefurl链接文本/a href 属性描述了链接的目标。 ④实例 a hrefhttps://www.baidu.com/访问百度/a 上面这行代码显示为访问百度
点击这个超链接会把用户带到百度的首页。
提示: 链接文本 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
4.文本链接
最常见的链接类型是文本链接它使用 a 元素将一段文本转化为可点击的链接。 a hrefhttps://www.example.com访问示例网站/a 5.图像链接
在这种情况下a 元素包围着 img 元素。 a hrefhttps://www.example.com img srcexample.jpg alt示例图片 /a 6.锚点链接
在同一页面内创建内部链接称为锚点链接。
要创建锚点链接需要在目标位置使用 a 元素定义一个标记并使用#符号引用该标记。 a href#section2跳转到第二部分/a !-- 在页面中的某个位置 -- a namesection2/a 7.下载链接
链接用于下载文件使用 download 属性。 a hrefdocument.pdf download下载文档/a 8.Target 属性
使用 target 属性可以定义被链接的文档在何处显示。 a hrefhttps://www.baidu.com/ target_blank relnoopener noreferrer访问百度/a 注将 target 属性设置为 _blank, 链接将在新窗口打开。
9.Id 属性
id 属性可用于创建一个 HTML 文档书签。
注: 书签不会以任何特殊方式显示即在 HTML 页面中是不显示的所以对于读者来说是隐藏的。
①在HTML文档中插入ID: a idtips有用的提示部分/a ②在HTML文档中创建一个链接到有用的提示部分(idtips a href#tips访问有用的提示部分/a ③从另一个页面创建一个链接到有用的提示部分(idtips a hrefhttps://www.baidu.com/html/html-links.html#tips 访问有用的提示部分/a 注请始终将正斜杠添加到子文件夹。假如这样书写链接hrefhttps://www.baidu.com/html就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址然后创建一个新的请求就像这样hrefhttps://www.baidu.com/html/。
三、HTML 头部
1.head元素 head 元素包含了所有的头部标签元素。 在 head元素中可以插入脚本scripts, 样式文件CSS及各种meta信息。 可以添加在头部区域的元素标签为: title, style, meta, link, script, noscript 和 base。 2.title元素
①title 元素 定义了浏览器工具栏、不同文档的标题 当网页添加到收藏夹时显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 title 在 HTML/XHTML 文档中是必需的。 ②一个简单的 HTML 文档 !DOCTYPE html html head meta charsetutf-8 title文档标题/title /head body 文档内容 /body /html 3.base元素
base 标签描述了基本的链接地址/链接目标作为HTML文档中所有的链接标签的默认链接: head base hrefhttp://www.runoob.com/images/ target_blank /head 4.link元素
link 标签定义了文档与外部资源之间的关系通常用于链接到样式表: head link relstylesheet typetext/css hrefmystyle.css /head 5.style元素
style 标签定义了HTML文档的样式文件引用地址可以直接添加样式来渲染 HTML 文档 head style typetext/css body { background-color:yellow; } p { color:blue } /style /head 6.meta元素 meta标签描述了一些基本的元数据。 meta 标签提供了元数据.元数据也不显示在页面上但会被浏览器解析。 META 元素通常用于指定网页的描述关键词文件的最后修改时间作者和其他元数据。 元数据可以使用于浏览器如何显示内容或重新加载页面搜索引擎关键词或其他Web服务。 meta 一般放置于 head 区域 ①为搜索引擎定义关键词 meta namekeywords contentHTML, CSS, XML, XHTML, JavaScript ②为网页定义描述内容 meta namedescription content免费 Web 编程 教程 ③定义网页作者 meta nameauthor contentRob ④每30秒钟刷新当前页面 meta http-equivrefresh content30 7.head标签 标签 描述 head 定义了文档的信息 title 定义了文档的标题 base 定义了页面链接标签的默认链接地址 link 定义了一个文档和外部资源之间的关系 meta 定义了HTML文档中的元数据 script 定义了客户端的脚本文件 style 定义了HTML文档的样式文件
四、HTML 图像
1.图像标签 img和源属性Src 在 HTML 中图像由img 标签定义img 是空标签只包含属性并且没有闭合标签。 在页面上显示图像需要使用源属性src。src 指 source。源属性的值是图像的 URL 地址。 定义图像的语法是 img srcurl altsome_text URL 指存储图像的位置。如果名为 pit.jpg 的图像位于 www.baidu.com 的 images 目录中那么其 URL 为 http://www.baidu.com/images/pit.jpg。
浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间那么浏览器会首先显示第一个段落然后显示图片最后显示第二段。
2.Alt属性
alt 属性用来为图像定义一串预备的可替换的文本替换文本属性的值是用户定义的。 img srcboat.gif altBig Boat 在浏览器无法载入图像时替换文本属性告诉读者失去的信息。此时浏览器将显示这个替代性的文本而不是图像。
3.设置图像的高度与宽度
height高度 与 width宽度属性用于设置图像的高度与宽度。
属性值默认单位为像素: img srcpit.jpg altPit rock width304 height228 图像指定了高度宽度页面加载时就会保留指定的尺寸。如果没有指定图片的大小加载页面时有可能会破坏HTML页面的整体布局。
注假如某个 HTML 文件包含十个图像那么为了正确显示这个页面需要加载 11 个文件。加载图片是需要时间的所以建议是慎用图片。
注加载页面时要注意插入页面图像的路径如果不能正确设置图像的位置浏览器无法加载图片图像标签就会显示一个破碎的图片。
五、HTML 表格
1.HTML 表格
HTML 表格由 table 标签来定义是一种用于展示结构化数据的标记语言元素。 每个表格均有若干行由 tr 标签定义每行被分割为若干单元格由 td 标签定义表格可以包含标题行由th标签定义用于定义列的标题。 trtr 是 table row 的缩写表示表格的一行。 tdtd 是 table data 的缩写表示表格的数据单元格。 thth 是 table header的缩写表示表格的表头单元格。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。
HTML 表格实例 table thead tr th列标题1/th th列标题2/th th列标题3/th /tr /thead tbody tr td行1列1/td td行1列2/td td行1列3/td /tr tr td行2列1/td td行2列2/td td行2列3/td /tr /tbody /table 以上的表格实例代码中 table 元素表示整个表格它包含两个主要部分thead 和 tbody。 thead 用于定义表格的标题部分在 thead 中使用 th 元素定义列的标题以上实例中列标题分别为列标题1列标题2和列标题3。 tbody 用于定义表格的主体部分在 tbody 中使用 tr 元素定义行并在每行中使用 td 元素定义单元格数据以上实例中有两行数据每行包含三个单元格。 通过使用 th 元素定义列标题可以使其在表格中以粗体显示与普通单元格区分开来。 表格实例 table border1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 在浏览器显示如下 2.HTML 表格和边框属性
如果不定义边框属性表格将不显示边框。使用边框属性来显示一个带有边框的表格 table border1 tr tdRow 1, cell 1/td tdRow 1, cell 2/td /tr /table 3.HTML 表格表头
表格的表头使用 th 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本 table border1 tr thHeader 1/th thHeader 2/th /tr tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 在浏览器显示如下 4.HTML 表格标签 标签 描述 table 定义表格 th 定义表格的表头 tr 定义表格的行 td 定义表格单元 caption 定义表格标题 colgroup 定义表格列的组 col 定义用于表格列的属性 thead 定义表格的页眉 tbody 定义表格的主体 tfoot 定义表格的页脚
