头部：

<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. Codeforces Round #475 Div. 1

    B:当n是偶数时无解,因为此时树中有奇数条边,而我们每次都只能删除偶数条.当n是奇数时一定有解,因为此时不可能所有点度数都为奇数,只要找到一个度数为偶数的点,满足将它删掉后,各连通块大小都为奇数就可以 ...

  2. 第三十四天 UDP协议 并发编程

    一.今日内容 1.UDP协议 2.并发编程 操作系统的发展史 多道技术 进程 线程 IO模型 socketserver 案例:文件上传下载 元类 单例 logging filter 二.TCP半连接池 ...

  3. C# Timer 的区别

    首先,我们看一下 3种Timer 1.System.Threading.Timer 2.System.Timers.Timer 3.System.Windows.Forms.Timer 主要区别,其实 ...

  4. Python里的单下划线，双下划线，以及前后都带下划线的意义

    Python里的单下划线,双下划线,以及前后都带下划线的意义: 单下划线如:_name 意思是:不能通过from modules import * 导入,如需导入需要:from modules imp ...

  5. 【XSY2190】Alice and Bob VI 树形DP 树剖

    题目描述 Alice和Bob正在一棵树上玩游戏.这棵树有\(n\)个结点,编号由\(1\)到\(n\).他们一共玩\(q\)盘游戏. 在第\(i\)局游戏中,Alice从结点\(a_i\)出发,Bob ...

  6. Day24-ModelForm操作及验证

    Day23内容回顾--缺失,遗憾成狗. 一:Model(2个功能) -数据库操作: -验证,只有一个clean方法可以作为钩子. 二:Form(专门来做验证的)--------根据form里面写的类, ...

  7. Android多种方法显示当前日期和时间

    文章选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文探讨Android显示当前日期和时间的方法. ...

  8. bzoj1831 逆序对 (dp+树状数组)

    注意到,所有的-1应该是一个不降的序列,否则不会更优那就先求出来不是-1的的逆序对个数,然后设f[i][j]表示第i个-1放成j的前i个-1带来的最小逆序对数量这个可以树状数组来求 #include& ...

  9. #509. 「LibreOJ NOI Round #1」动态几何问题

    下面给出部分分做法和满分做法 有一些奇妙的方法可以拿到同样多的分数,本蒟蒻只能介绍几种常见的做法 如果您想拿18分左右,需要了解:质因数分解 如果您想拿30分左右,需要了解:一种较快的筛法 如果您想拿 ...

  10. yii2记录

    yii2的gridview使用大全 --- 18个问答 Yii2中多表关联查询(hasOne.hasMany.join.joinwith) Yii2.0 RESTful API 之速率限制(包含res ...