我的HTML总结之常用基础便签
HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。
HTML由一组标签组成。
HTML的基本结构
<html>
<head>
<title>第一个HTML示例</title>
</head>
<body>
HTML的基本结构
</body>
</html>
HTML在浏览器中运行。
HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。
1.实际应用中记住以下几种便签的就ok了:
块级标签:<div> <h> <ul> <li> <p> <form> 占满一行,可以设置宽,高
行级标签:<span> <a> 只占用自己的大小,不可以设置宽,高。
行内块标签:<img> <input> 只占用自己的大小,但可以设置宽,高。
换行标签<br/>
空格$nbsp
<!--注释 -->
关于<a>标签
a标签的一些常用属性:href、title、target、name(锚记时用)
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a> _blank在新窗口中打开,_self在自己的窗口中打开
<a>中还可以嵌套图片,这样就是点击图片打开链接
<a href="www.baidu.com">
<img src="aaa.jpg" />
</a>
通过a标签在自己内部跳转
第一步写个锚:
第二步写链接到锚:

2.列表与表格标签
无序列表标签<ul>。
格式:
<ul type=""><li></li></ul>
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点 默认会在css初始化的时候用:list-style: none;
type设置标号的类型,值可以取:
1 disc :实心圆点
2 circle :空心圆点
3 square :实心方块
有序列表的每项都有连续的编号。
格式:
<ol type="" start="">
<li></li>
type设置标号的类型,值可以取:
1:显示数字
A:显示大写字母
a:显示小写字母
I:显示大写罗马数字
i:显示小写罗马数字
start取值:数字
嵌套列表:一个列表作为另一个列表的一部分,即多层列表。
HTML中的表格通过<table>、<tr>、<td>、<th>四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件)
cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充
rowspan、colspan 在td单元格内写,合并单元格的行和列
我的HTML总结之常用基础便签的更多相关文章
- HTML常用基础标签
HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...
- Linux常用基础命令整理:关机命令、查看目录下文件命令等
Linux常用基础命令整理:关机命令.查看目录下文件命令等 整理了一些Linux常用基础命令,欢迎指正. 首先记住四个热键,学会这四个键,收益一辈子. Tab按键---命令补齐功能Ctrl+c按键-- ...
- Python3.x:常用基础语法
Python3.x:常用基础语法 1,if else语句: 不执行if内的语句,需要用:pass if i>2: #跳过不执行 pass else: print("i= %s" ...
- Linux基础(03)、常用基础指令和操作
目录 一.什么是Linux 二.常用基础指令 2.1.vi编辑 2.2.Linux文件类型 2.3.常用指令:增.删.改.查.其他 三.Linux的目录和权限 3.1.目录 3.2.权限 3.3.修改 ...
- es6常用基础合集
es6常用基础合集 在实际开发中,ES6已经非常普及了.掌握ES6的知识变成了一种必须.尽管我们在使用时仍然需要经过babel编译. ES6彻底改变了前端的编码风格,可以说对于前端的影响非常巨大.值得 ...
- CentOS常用基础命令大全
这篇文章主要介绍了CentOS常用基础命令大全,学习centos的朋友需要掌握的知识,需要的朋友可以参考下 1.关机 (系统的关机.重启以及登出 ) 的命令shutdown -h now 关闭系统(1 ...
- java常用基础(一)
Java常用基础(一) 原文写于2017-12-02 输入输出 //输入 Scanner in = new Scanner(new BufferedInputStream(System.in)); i ...
- MySQL数据库入门常用基础命令
MySQL数据库入门———常用基础命令 数据——公司的生命线,因此在大多数的互联网公司,都在使用开源的数据库产品,MySQL也因此关注度与使用率非常的高,所以做为运维的屌丝们,掌握它的一些基 ...
- Oracle常用基础语法(未完待补和操作)
这篇博客主要是Oracle常用基础语法, 另外,存储过程和存储函数很重要,这个后期看视频学习,还有DB优化,另外,还有plsql develop和navicat的使用,重点是数据的导入导出: ---- ...
随机推荐
- 给json格式化的一个小工具
var glob = require("glob") // options is optional var fs=require("fs") glob(&quo ...
- python基础学习-思维导图总结
- pandas 多列排序
import pandas as pd df = pd.DataFrame({'AAA' : [1,2,1,3], 'BBB' : [1,1,2,2], 'CCC' : [2,1,3,1]}) sou ...
- 0325img和超链接的学习
上午学习了cellspacing\cellpadding,img标签以及三种属性,src,alt,title.下午学习了超链接<a></a>,绝对路径与相对路径,锚点链接的使用 ...
- vim配置clojure开发环境备忘录
1 需要使用的插件 vundle 使用教程 http://www.cnblogs.com/respawn/archive/2012/08/21/2649483.html vim-fireplace h ...
- unity摄像机脚本
直接挂载在摄像机上面即可 1.摄像机自由平移 using UnityEngine; using System.Collections; /// <summary> /// 摄像机视角自由移 ...
- JDBC的PreparedStatement启动事务使用批处理executeBatch()
JDBC使用MySQL处理大数据的时候,自然而然的想到要使用批处理, 普通的执行过程是:每处理一条数据,就访问一次数据库: 而批处理是:累积到一定数量,再一次性提交到数据库,减少了与数据库的交互次数, ...
- JS中彻底删除json对象组成的数组中的元素
只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": &quo ...
- SpringSecurity 3.2入门(2)环境搭建
由于目前Spring官方只提供Meven的下载方式,为了能以最快的速度入门使用框架,这里提供百度网盘下载链接. 注:本入门教程默认已经配置成功SpringMVC框架. 1.web.xml配置 < ...
- MVC5 下拉框(多选)
1.Model [Display(Name = "职位")] [Required] public int[] job { get; set; } //职位属性 public IEn ...