头部:

<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. BZOJ3230 相似子串 【后缀数组】

    题目分析: 容易想到sa排好序之后,子串排名就是前面的子串减去height数组.所以正着做一遍,倒着做一遍就行了. 代码: #include<bits/stdc++.h> using na ...

  2. Matplotlib学习---用seaborn画联合分布图(joint plot)

    有时我们不仅需要查看单个变量的分布,同时也需要查看变量之间的联系,这时就需要用到联合分布图. 这里利用Jake Vanderplas所著的<Python数据科学手册>一书中的数据,学习画图 ...

  3. python初级装饰器编写

    最近项目太忙好久没有学习python了,今天更新一下吧~~ 1.什么是python装饰器: 装饰器本质上是一个python函数,它可以让其他函数在不需要做任何代码变动的前提下增加额外的功能,装饰器的返 ...

  4. python学习日记(匿名函数)

    匿名函数 简介 匿名函数:为了解决那些功能很简单的需求而设计的一句话函数. python 使用 lambda 来创建匿名函数. 所谓匿名,意即不再使用 def 语句这样标准的形式定义一个函数. lam ...

  5. NOIP2018 差点退役记

    Day 1 不想说了,反正就是三个水题,直接来讲Day 2. Day 2 一上来,T1做法写的丑了点,折腾了一会,大概50min的样子写完了. T3一眼DDP--这玩意儿我就写过一个模板,还只写过一次 ...

  6. Nifi InvokeHttp processor

    Authorization: Bearer <access-token> Content_type: application/json       NIFI 中国社区 QQ群:595034 ...

  7. EasyFlash 的初始化配置

    @2019-02-18 [小记] EasyFlash的初始化流程 easyflash_init ---> ef_port_init ---> sfud_init ---> sfud_ ...

  8. jquery扩展写法

    如何制作自己的Jquery插件,内容参考学习了网上的讲解,如下 使用这两个方法 jQuery.fn.extend(object) jQuery.extend(object) jQuery.extend ...

  9. Bomb HDU - 5934 (Tarjan)

    #include<map> #include<set> #include<ctime> #include<cmath> #include<stac ...

  10. WebService学习总结(一)——WebService的相关概念

    一.序言 大家或多或少都听过 WebService(Web服务),有一段时间很多计算机期刊.书籍和网站都大肆的提及和宣传WebService技术,其中不乏很多吹嘘和做广告的成 分.但是不得不承认的是W ...