头部：

<head>

    <!-- 国际通用编码 -->

    <meta charset="UTF-8">

    <!-- 超链接优化写法，让所有的超链接都在新窗口中打开 -->

    <base target="_blank">

    <!-- 关键字 -->

    <meta name="keywords" content="_,_,_,">

    <!-- 网页描述，给搜索引擎读，seo优化越好排名越靠前-->

    <meta name="description" content="">

    <!-- 屏幕宽度自适应 -->

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <!-- 外部链接样式表文件 -->

    <link rel="stylesheet" href="1.css">

    <!-- 小图标 -->

    <link rel="icon" href="">

    <title>Document</title>

</head>

单标签：注释，换行，水平线标签，单标签有/（结束标志）；

水平线标记：<hr />；

换行标记：<br />；

注释语句：<!-- 语句 -->；

图像标记：<img src="url" alt="图像不能显示时的替换文本" title="鼠标悬停时显示的内容" width="设置图像宽度" height="设置图像高度" />；

超链接：<a href="指定链接目标的url地址" target="目标窗口的弹出方式">文本/图形</a>；
　　　　target：_self:默认值 _blank:在新窗口打开；
　　　　链接优化写法：<base target="_blank">:让所有的超链接都在新窗口打开；

锚链接：<p id="sd"></p> <a href="#sd">回到顶部</a>；

空链接：<a href="#"></a>；

下划线标签：<ins></ins>；

音乐标签：<embed src="1.mp3" hidden="true">；

滚动：页面自动滚动效果：<marquee behavior="滚动方式" direction="滚动方向" height="300px" backgroundcolor="orange"><img src="1.jpg" alt="" /></marquee>；
　　　　behavior:
　　　　alternate:在两端之间来回滚动
　　　　scroll:由一端滚动到另一端，会重复
　　　　slide:由一端滚动到另一端，不会重复；
　　　　direction:
　　　　down:向下滚动 left/right/up；
　　　　loop:滚动次数 -1：一直滚下去；

双标签：<p>段落标签</p>；

　　　　 <h1>标题标签</h1>；

　　　　 <font>文本标签</font>；

　　　　 <strong>加粗</strong>；

　　　　 <em>倾斜</em>；

　　　　 <del>删除线</del>；

　　　　 <ins>下划线</ins>；

相对路径：
　　　　文件和图片：
　　　　在同一目录：url直接写文件名；
　　　　在上一级：../图片名；
　　　　在下一级：文件夹名/图片名；

html 特殊符号标记：

　　　　空格符：&nbsp;
　　　　小于号<：&lt;
　　　　大于号>：&gt;
　　　　和号&：&amp;
　　　　人民币￥：&yen;
　　　　版权：&copy;
　　　　注册商标：&reg;
　　　　正负号：&plusmn;
　　　　乘号：&times;
　　　　除号：&divide;
　　　　平方：&sup2;
　　　　立方：&sup3;

html 列表标签：

无序列表：

<ul type="disc">

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

    <li>列表项4</li>

    <li>列表项5</li>

</ul>

<!-- type属性常用值：

默认值：disc（实心圆）

方块：square

空心圆：circle -->

有序列表：

<ol type=1>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

    <li>列表项4</li>

    <li>列表项5</li>

</ol>

<!-- type属性常用值：

type=1(1.2.3);

type=a(a.b.c);

type=A(A.B.C);

type=i(i.ii.iii);

-->

自定义列表：

<dl>

    <dt>帮助中心</dt>

    <dd>购物指南</dd>

    <dd>订单操作</dd>

    <dd>账户管理</dd>

</dl>

HTML 基础知识汇总（一）的更多相关文章

  1. jquery基础知识汇总

    jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...

  2. 沉淀，再出发：Java基础知识汇总

    沉淀,再出发:Java基础知识汇总 一.前言 不管走得多远,基础知识是最重要的,这些知识就是建造一座座高楼大厦的基石和钢筋水泥.对于Java这门包含了编程方方面面的语言,有着太多的基础知识了,从最初的 ...

  3. Golang 入门系列（三）Go语言基础知识汇总

    前面已经了 Go 环境的配置和初学Go时,容易遇到的坑,大家可以请查看前面的文章 https://www.cnblogs.com/zhangweizhong/category/1275863.html ...

  4. Oracle基础知识汇总一

    Oracle基础知识 以下内容为本人的学习笔记,如需要转载,请声明原文链接   https://www.cnblogs.com/lyh1024/p/16720759.html oracle工具: SQ ...

  5. C#基础知识汇总（不断更新中）

    ------------------------------目录---------------------------- 1.隐式类型2.匿名类型3.自动属性4.初始化器5.委托6.泛型7.泛型委托8 ...

  6. HTML基础知识汇总

    前言 一直想总结一下,苦于没有时间,正好看到了一个总结了不错的博客,我就在他的基础上进行一下测试并总结,原博地址:http://www.cnblogs.com/wanghzh/p/5805587.ht ...

  7. C#基础知识汇总

    过了一遍基础视频,发现有一些最基本的知识点还掌握的不够,汇总如下: 1) 占位符 string name = "张三"; ; decimal salary = 7600.33M; ...

  8. 5、Makefile基础知识汇总（转自陈皓总述）

    一.Makefile里有什么? Makefile里主要包含了五个东西:显式规则.隐晦规则.变量定义.文件指示和注释. 1.显式规则.显式规则说明了,如何生成一个或多的的目标文件.这是由Makefile ...

  9. CSS基础知识汇总

    前言 原文连接:http://www.cnblogs.com/wanghzh/p/5805678.html 在此基础上又做了大量的扩充 CSS简介 CSS是Cascading Style Sheets ...

  10. JavaScript基础知识汇总

    1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...

随机推荐

  1. Git——入门操作加创建账号【三】

    创建账号 GitHub https://github.com/ 码云 https://gitee.com/ 无论是github还是码云,创建账号都是非常简单快捷的,大家可以自行选择创建下,不过建议最好 ...

  2. .net Json 反序列化时，属性带点

    .net Json 反序列化时,属性带点 使用[JsonProperty("xxx.xxx")] static void Main(string[] args) { string ...

  3. 欧拉筛，线性筛，洛谷P2158仪仗队

    题目 首先我们先把题目分析一下. emmmm,这应该是一个找规律,应该可以打表,然后我们再分析一下图片,发现如果这个点可以被看到,那它的横坐标和纵坐标应该互质,而互质的条件就是它的横坐标和纵坐标的最大 ...

  4. Alice's Chance POJ - 1698（按时间点建边）

    Alice's Chance Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7791   Accepted: 3174 De ...

  5. CF1106F Lunar New Year and a Recursive Sequence

    题目链接:CF1106F Lunar New Year and a Recursive Sequence 大意:已知\(f_1,f_2,\cdots,f_{k-1}\)和\(b_1,b_2,\cdot ...

  6. windows刷新本机DNS缓存

    ipconfig /flushdns

  7. 聊聊jvm的CompressedClassSpace

    序本文主要研究一下jvm的CompressedClassSpace CompressedClassSpacejava8移除了permanent generation,然后class metadata存 ...

  8. [luogu2051][bzoj1801][AHOI2009]chess中国象棋【动态规划】

    题目描述 这次小可可想解决的难题和中国象棋有关,在一个N行M列的棋盘上,让你放若干个炮(可以是0个),使得没有一个炮可以攻击到另一个炮,请问有多少种放置方法.大家肯定很清楚,在中国象棋中炮的行走方式是 ...

  9. Vue中的slot内容分发

    ①概述: 简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示.不显示.在哪个地方显示.如何显示,就是slot分发负责的活. ②默认情况下 父组件在子组件内套的内容,是不显示的. 例如 ...

  10. day27

    27.01 反射(类的加载概述和加载时机) 1.类的加载 当程序要使用某个类时,如果该类还未加载到内存中,系统会通知加载,连接,初始化三步来实现对这个类初始化 a.加载 是指将.class文件读入内存 ...