html总结之头部/标题/段落/链接/文本/图像

最新推荐文章于 2024-07-24 21:45:01 发布

Bran.im

最新推荐文章于 2024-07-24 21:45:01 发布

阅读量840

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/FXX_Bran/article/details/90673794

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML 头部

标签	描述
`<head>`	定义了文档的信息
`<title>`	定义了文档的标题
`<base>`	定义了页面链接标签的默认链接地址
`<link>`	定义了一个文档和外部资源之间的关系
`<meta>`	定义了HTML文档中的元数据
`<script>`	定义了客户端的脚本文件
`<style>`	定义了HTML文档的样式文件

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 设置页面的编码 -->
    <meta charset="UTF-8">

    <!-- 作者 -->
    <meta name="author" content="Bran">

    <!-- 每30秒钟刷新当前页面 -->
    <meta http-equiv="refresh" content="30">

    <!-- 浏览器显示的标题 -->
    <title>我是标题</title>

    <!-- 
        在移动设备浏览器上，视口（viewport） 一些设置
        content属性值 :
            width:可视区域的宽度，值可为数字或关键词device-width
            height:同width
            intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
            maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
            maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
            user-scalable:是否可对页面进行缩放，no 禁止缩放
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- 告诉id浏览器用最新的渲染引擎 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- 1秒后跳转到指定的url地址 -->
    <meta http-equiv="refresh" content="1; url=http://baidu.com">
    <!-- 页面的关键词，针对的是搜索引擎 -->
    <meta name="keywords" content="关键词1，关键词2，关键词3" />
    <!-- 页面的描述，针对搜索引擎 -->
    <meta name="description" content="这是一个非常漂亮的网站" />

    <!-- 页面链接标签的默认链接地址 -->
    <base href="http://www.baidu.com" target="_blank">

    <!-- 引入外部的css样式，可以是url链接，也可以是本地的文件路径 -->
    <link rel="stylesheet" href="mystyle.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css">
    
    <!-- 引入js文件，可以是url链接，也可以是本地的文件路径 -->
    <script src="myjs.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/core.js"></script>

    <style>
        * {
            margin: 0px;
        }
    </style>
</head>
<body>
    
</body>
</html>

HTML 标题

<h1>这是1号标题</h1>
<h2>这是2号标题</h2>
<h3>这是3号标题</h3>
<h4>这是4号标题</h4>
<h5>这是5号标题</h5>
<h6>这是6号标题</h6>

h1-h6标题

HTML 段落

<p>这是一个段落 </p>
<p>这是另一个段落</p>

HTML 段落

HTML 链接

<a> 超链接</a>
href :指定类目标的url地址

绝对地址：指向另一个站点（比如 href=“http://www.baidu.com）
相对地址：指当前站点中确切的路径（href=“index.htm”）
锚文本：指向页面中的锚（href=”#top"）

target

_blank表示在新标签页中打开目标网页
_self表示在当前标签页中打开目标网页

<a href="http://bran.im" target="_blank" >点我：在新窗口打开页面</a>
<a href="http://bran.im" target="_self" >点我：在当前窗口打开页面</a>

HTML 文本格式化

标签	说明
`<b>`	粗体文本
`<em>`	着重文字
`<i>`	斜体字
`<small>`	小号字
`<strong>`	加重语气
`<sub>`	下标字
`<sup>`	上标字
`<ins>`	插入字
`<del>`	删除字
`<s>`	删除字
`<code>`	计算机代码
`<kbd>`	键盘码
`<samp>`	计算机代码样本
`<var>`	变量
`<pre>`	预格式文本
`<abbr>`	缩写
`<address>`	地址
`<bdo>`	文字方向
`<blockquote>`	长的引用
`<q>`	短的引用语
`<cite>`	引用、引证
`<dfn>`	一个定义项目