HTML 基础知识汇总(一)
头部:
<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 特殊符号标记:
空格符:
小于号<:<
大于号>:>
和号&:&
人民币¥:¥
版权:©
注册商标:®
正负号:±
乘号:×
除号:÷
平方:²
立方:³
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 基础知识汇总(一)的更多相关文章
- jquery基础知识汇总
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...
- 沉淀,再出发:Java基础知识汇总
沉淀,再出发:Java基础知识汇总 一.前言 不管走得多远,基础知识是最重要的,这些知识就是建造一座座高楼大厦的基石和钢筋水泥.对于Java这门包含了编程方方面面的语言,有着太多的基础知识了,从最初的 ...
- Golang 入门系列(三)Go语言基础知识汇总
前面已经了 Go 环境的配置和初学Go时,容易遇到的坑,大家可以请查看前面的文章 https://www.cnblogs.com/zhangweizhong/category/1275863.html ...
- Oracle基础知识汇总一
Oracle基础知识 以下内容为本人的学习笔记,如需要转载,请声明原文链接 https://www.cnblogs.com/lyh1024/p/16720759.html oracle工具: SQ ...
- C#基础知识汇总(不断更新中)
------------------------------目录---------------------------- 1.隐式类型2.匿名类型3.自动属性4.初始化器5.委托6.泛型7.泛型委托8 ...
- HTML基础知识汇总
前言 一直想总结一下,苦于没有时间,正好看到了一个总结了不错的博客,我就在他的基础上进行一下测试并总结,原博地址:http://www.cnblogs.com/wanghzh/p/5805587.ht ...
- C#基础知识汇总
过了一遍基础视频,发现有一些最基本的知识点还掌握的不够,汇总如下: 1) 占位符 string name = "张三"; ; decimal salary = 7600.33M; ...
- 5、Makefile基础知识汇总(转自陈皓总述)
一.Makefile里有什么? Makefile里主要包含了五个东西:显式规则.隐晦规则.变量定义.文件指示和注释. 1.显式规则.显式规则说明了,如何生成一个或多的的目标文件.这是由Makefile ...
- CSS基础知识汇总
前言 原文连接:http://www.cnblogs.com/wanghzh/p/5805678.html 在此基础上又做了大量的扩充 CSS简介 CSS是Cascading Style Sheets ...
- JavaScript基础知识汇总
1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...
随机推荐
- #194 sequence(搜索+动态规划+主席树)
考虑按顺序暴搜子序列.如果序列中的数两两不同,显然每次给上一个找到的子序列添上后缀最小值,即为下一个要找的子序列.如果不能再加了就回溯继续考虑后缀次小.第三小……值,直到找到k个子序列. 有重复的数后 ...
- MySql 主从同步 (库名不同)
主库:192.168.1.250 从库:192.168.1.199 主库 my.ini # For advice on how to change settings please see # htt ...
- Python中的urllib2模块解析
Name urllib2 - An extensible library for opening URLs using a variety of protocols 1. Description Th ...
- M - 约会安排 HDU - 4553 线段树 (最长连续段)
中文题面 思路:维和两个区间 一个是女神区间 一个是基友区间 如果是基友要预约时间 直接在基友区间查询可满足的起点 (这里先判tree[1].m >=length也就是有没有这样的区间满足时 ...
- 常用 git 基础命令
git config --global credential.helper store记住密码 git config user.name xxx配置帐号 git config user.email x ...
- 【支付宝】支付 系统繁忙,请稍后再试(ALIN10146)
https://openclub.alipay.com/read.php?tid=6918&fid=60 我碰到的是这个问题导致 把signType 改为 RSA2 改成
- 用webpack2.0构建vue2.0单文件组件超级详细精简实例
npm init -y 初始化项目 //-y 为自动生成package.json,如果需要自行配置,去掉-y即可 安装各种依赖项 npm install --save vue 安装vue2.0 np ...
- 自学Aruba之添加黑名单Blacklists方法
点击返回:自学Aruba之路点击返回:自学Aruba集锦 07 自学Aruba之添加黑名单Blacklists方法 方法一:页面添加方式,临时添加黑名单(禁止入网60min)方法二:命令行添加方式,临 ...
- 搭建本地yum源并定时同步
在生产中内网的机器都是不能访问外网,所以需要搭建本地yum源.以中国科学科技大学的yum源为基准.http://mirrors.ustc.edu.cn/ 有些模块会同步失败,可以wget下载至指定位置 ...
- yyb省选前的一些计划
突然意识到有一些题目的计划,才可以减少大量查水表或者找题目的时间. 所以我决定这样子处理. 按照这个链接慢慢做. 当然不可能只做省选题了. 需要适时候夹杂一些其他的题目. 比如\(agc/arc/cf ...