头部：

<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. 【刷题】BZOJ 2759 一个动态树好题

    Description 有N个未知数x[1..n]和N个等式组成的同余方程组: x[i]=k[i]*x[p[i]]+b[i] mod 10007 其中,k[i],b[i],x[i]∈[0,10007) ...

  2. Hdoj 4508.湫湫系列故事——减肥记I 题解

    Problem Description 对于吃货来说,过年最幸福的事就是吃了,没有之一! 但是对于女生来说,卡路里(热量)是天敌啊! 资深美女湫湫深谙"胖来如山倒,胖去如抽丝"的道 ...

  3. python实用脚本集

    iScript 是Github上 PeterDing 大神写的一个脚本集,由多数的 python 脚本和少数GM脚本组成. 含有以下几个脚本: xiami.py - 下载或播放高品质虾米音乐(xiam ...

  4. <Android基础>(一)

    第一章Android 2003年10月,Andy Rubin等人创办了Android公司.2005年8月谷歌收购. 1.1 Android全貌 1.1.1 Android系统架构 1.Linux内核层 ...

  5. 【bfs】1252 走迷宫

    [题目描述] 一个迷宫由R行C列格子组成,有的格子里有障碍物,不能走:有的格子是空地,可以走. 给定一个迷宫,求从左上角走到右下角最少需要走多少步(数据保证一定能走到).只能在水平方向或垂直方向走,不 ...

  6. 540. Single Element in a Sorted Array

    题目大意: 给你一个由小到大排好序的数组,里面只有一个数出现了一次,其他数都出现了两次,要求找出那个只出现一次的数,而且时间复杂度为O(logn) 题目思路: 说实话一开始没想到,因为几乎每个数都出现 ...

  7. [2017-7-26]Android Learning Day4

    RecycleView 恩,学习Fragment的过程中的一个小实践居然用到了RecycleView!坑了我好久有木有!!好气哦,从昨晚到现在.(现在也还是一头雾水,不过照搬也会用了) 这是第一版的代 ...

  8. 工作队列.py

    #对列模式图Work Queue背后的主要思想是避免立即执行资源密集型任务的时,需要等待其他任务完成.所以我们把任务安排的晚一些,我们封装一个任务到消息中并把它发送到队列,一个进程运行在后端发送并最终 ...

  9. 单片机的编程语言和开发环境 LET′S TRY“嵌入式编程”: 3 of 6

    单片机的编程语言和开发环境 LET′S TRY“嵌入式编程”: 3 of 6 本连载讲解作为嵌入式系统开发技术人员所必需具备的基础知识.这些基础知识是硬件和软件技术人员都应该掌握的共通技术知识. 在“ ...

  10. centos7/RHEL7最小化系统安装gnome图形界面

    应用场景:对于比较熟悉linux系统的用户来说,全命令行系统可能来的比较简单明了高效,也存在某些情况下需要有像winodws下弹出对话框的情形需求,或者对于初识linux习惯windows界面的用户来 ...