1. html文本格式化
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签。
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而,这些标签的含义是不同的:
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。
2. html链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML使用标签 <a>来设置超文本链接。
语法:
<a href="url">链接文本</a>
href 属性描述了链接的目标。
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
target属性:
使用 target 属性,你可以定义被链接的文档在何处显示。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a> <p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p> </body> </html>
如果不设置,默认在当前窗口直接打开。
id属性:
id属性可用于创建在一个HTML文档书签标记。
<p> <a href="#C4">查看章节 4</a> </p> <h2><a id="C4">章节 4</a></h2> <p>这边显示该章节的内容……</p>
点击查看章节会自动条状到章节4上。
3. html头部
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
3.1 title元素
<title> 标签定义了不同文档的标题。
当网页添加到收藏夹时,显示在收藏夹中的标题。
<head> <meta charset="utf-8"> <title>文档标题</title> </head>
3.2 base元素
<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。
<head> <base href="http://www.runoob.com/images/" target="_blank"> </head>
3.3 link元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
3.4 style元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>
3.5 meta元素
meta标签描述了一些基本的元数据。
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
3.6 script元素
<script>标签用于加载脚本文件,如: JavaScript。