头部：

<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. CetenOS 6.9 搭建hubot运维机器人

    前言 Hubot是由Github开发的开源聊天机器人,基于Node.js采用CoffeeScript编写 可以借助Hubot开发Chatbot来自动化的完成想要一切自动化任务,比如: -运维自动化(编 ...

  2. Ionic3在ts中获取html中值的方法

    我觉得有两种方法,都是Angular中的语法,一种是把值当做参数传递,另一种是使用ngModel实现双向绑定 还有一种很少用到的,Js的原生方法:document.getElementById('ch ...

  3. jwt实现

    <?phpnamespace app\admin\controller;use think\Config;use think\Controller;use think\Request;use t ...

  4. JDK9.0.4环境变量配置

    电脑不知道怎么就崩溃了...重置了一下,啥都没了 所有都得重新配置 wnm系列之jdk安装与配置 jdk下载,选择windows版本 http://www.oracle.com/technetwork ...

  5. 蓝桥杯 错误票据 （stringstream的使用）

    题目链接:http://lx.lanqiao.cn/problem.page?gpid=T28 问题描述 某涉密单位下发了某种票据,并要在年终全部收回. 每张票据有唯一的ID号.全年所有票据的ID号是 ...

  6. IO多路复用机制详解

    高性能IO模型浅析 服务器端编程经常需要构造高性能的IO模型,常见的IO模型有四种: (1)同步阻塞IO(Blocking IO):即传统的IO模型. (2)同步非阻塞IO(Non-blocking  ...

  7. 编写高质量代码:改善Java程序的151个建议 --[98~105]

    建议的采用顺序是List中泛型顺序依次为T.?.Object (1).List是确定的某一个类型 List表示的是List集合中的元素都为T类型,具体类型在运行期决定:List<?>表示的 ...

  8. golang语言并发与并行——goroutine和channel的详细理解（一）

    如果不是我对真正并行的线程的追求,就不会认识到Go有多么的迷人. Go语言从语言层面上就支持了并发,这与其他语言大不一样,不像以前我们要用Thread库 来新建线程,还要用线程安全的队列库来共享数据. ...

  9. bzoj4869: [Shoi2017]相逢是问候（欧拉函数+线段树）

    这题是六省联考的...据说数据还出了点锅,心疼六省选手QAQ 首先要知道扩展欧拉定理... 可以发现每次区间操作都会使模数进行一次phi操作,而一个数最多取logp次phi就会变成1,这时后面的指数就 ...

  10. A1112. Stucked Keyboard

    On a broken keyboard, some of the keys are always stucked. So when you type some sentences, the char ...