常用的HTML标记整理
一、HTML大体格式
<!Doctype html><html><head><title>标题</title><meta charset="utf-8">(记事本为gb2312)<body></body></head></html>
二、
1.超链接标记
<a href="要访问的资源地址" target="_self默认本窗口覆盖显示/_blank新窗口显示/框架名-指定框架中显示" title="提示信息"></a>邮件超链接:点击邮件超链接,会自动打开你电脑上邮件发送软件,将收件人地址自动填充(foxmail )<a href="mailto:asdfs@asdf.com"></a>锚链接(书签链接):访问链接<a href="url#name"></a>定义锚点:<a name="锚名"></a>
2.<br>
换行
3.
空格
4.<meta http-equiv="refresh"content="10">
refresh设定本网页自动刷新时间间隔秒数(10秒)
5.<meta http-equiv="refresh"content="10";url=http://www.baidu.com>
设定本网页十秒后跳转到其他界面或网页
6.网站前端三层 :
(x)html 结构层 html结构
css 表现层 决定html的样式
javascript 动作层 决定html如何交互
7.HTML基本语法:
<标记名 属性=“值” 属性=“值” ></标记名>
举例子:
<font color="red" size="7" face="隶书">我是帅哥
</font>
8.标记的属性和标记不能分离
一说属性必须得说哪一个标记的属性,属性不能单独说
<font color="" face=" size="" ></font><p align=""></p>
9.HTML里面的注释
<!-- -->
说明:注释是给程序员看的
10.规范:
--标记和属性全部小写
--属性值必须加""
--双标记必须双着用
--单标记必须关闭 <img /> <input />
--标记只能嵌套不能交叉
11.文字标记
<font color="文字颜色" face="字体名称" size="1-7文字大小默认3"></font>
12.文字修饰标记
加粗 <b></b> <strong></strong>
倾斜 <i></i> <em></em>
下划线 <u></u>
删除线<del></del>
地址<address></address>
上标 <sup></sup>
下标 <sub></sub>
13.段落标记:一个p相当于一个回车换行,/p相当于一个回车换行
<p align="水平对齐方式left默认/center/right"></p>
14.横线:
<hr width="宽度" size="粗细" color="颜色" align="水平对齐方式left/center默认/right" noshade是否有阴影>
15.预格式化:保留源代码中空格,不忽略源代码中的空格
<pre></pre>
16.忽略HTML标记
<xmp></xmp>
17.设置段落缩进
<blockquote></blockquote>
无序列表 ul
有序列表 ol
定义列表 dl
目录列表 dir
菜单列表 menu
无序列表
<ul type="disc/circle/square"><li type="disc/circle/square">
</li>
</ul>
有序列表
<ol type="1/A/a/i/I" start="从第几项开始">
<li>
</li>
</ol>
定义列表:
<dl><dt>定义</dt><dd>解释1</dd><dd>解释2</dd><dd>解释3</dd><dt>定义</dt><dd>解释1</dd><dd>解释2</dd><dd>解释3</dd><dt>定义</dt><dd>解释1</dd><dd>解释2</dd><dd>解释3</dd></dl>
19.图片
<img src="图片来源" alt="替换文本" title="全局属性每个标记都会有提示信息" align="图片水平对齐方式left默认/right-----top/middle/bottom图片后面文字的对齐方式" width="像素/百分比" height="像素/百分比">
说明:路径分为 相对路径(从当前文档开始)
绝对路径(从盘符开始)—不可能用
20.移动
<marquee bgcolor="背景颜色" behavior="slide一次/scroll循环/alternate来回动" scrollamount="速度" scrolldelay="延迟" direction="移动方向left默认/right/up/down"/></marquee>
21.表格
<table border="表格边框" width="表格宽度" height="表格高度" bgcolor="背景颜色" background="表格背景图片"cellspacing="单元格之间的距离" cellpadding="单元格里边的内容距离边框的距离" align="表格对齐方式"><tr align="单元格中水平对齐方式
left/center/right" valign="单元格中内容垂直对齐方式top/middle/bottom "><td colspan="跨列合并单元格" rowspan="跨行合并单元格"></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>
22.框架集和框架
<frameset cois="竖着分割" rows="横着分割"/><frame name="框架的名字" src="连接的资源"/><frame name="框架的名字" src="链接的资源"/></frameset>例子:<frameset rows="25,75/*"><frame name=" " src=" "/></frameset>浮动框架:讲一个独立的HTML页面嵌入到当前页面中<iframe name=""src="" width="" height=""></iframe>
23.
※ method="get/post"相同点:都是数据提交的方式,提交的数据是相同的不同点:①get原理 :数据和HTML文档的头部<head></head>信息一起提交特点 :大小受到文档头部大小限制数据附加到url?后面②post原理:数据和HTML文档正文<body></body>之间信息一起提交特点:大小没有限制数据不会附加到url?后面
说明:什么是数据?答:数据是用户填写的或选择的表单项(信息)
表单项:表单里面的项目
输入元素:<input type="text默认"/>输入文本框"password"密码框"radio"单选按钮"checkbox"复选框"file"文件域"image"图像域"hidden"隐藏域"button"按钮"reset"重置"submit"提交
<select></select> <textarea></textarea>
- (1)输入文本框:
<input type=“text” name="" value=“默认值” max-length=“最大字符数”
size=“多少个字符的宽度” readonly只读 disabled禁用/>
(2)密码框:
<input type="password" name="" max-length="" size="" readonly disabled/>
(3)单选按钮:
单选按钮要是同一组的 那么name值相同;如果不同,name值不同。
提示
提示
- (4)复选框:
多选,name值相同也行,不同也行
<input type="checkbox" name="" value="">
- (5)文件域:
<input type="file" name="">
- (6)图像域:
代替submit样子,如果你觉得submit不好看,那么你可以使用PS做一个图代替submit。
<input type="image" src="">
- (7)按钮:
<input type="button" name="" value="按钮">
- (8)重置按钮:
将所有表单项重置为默认值而不是清空
<input type="reset" name="" value="">
- (9)提交按钮:
点击提交按钮后浏览器自动将表单项数据发送给action所以所指地址
<input type="submit" name="sub" value="">
- (10)select标签;
①单选下拉菜单 :
<select name=""><option value=""></option><option value=""></option><option value=""></option><option value=""></option></select>
②多选列表
<select name="" size="大小" multiple多选ctrl shift><option value=""></option><option value=""></option><option value=""></option><option value=""></option></select>
(11)文本域:例如新浪微博,发表微博。百度贴吧,发布帖子
<textarea name="" cols="多少个字符宽度" rows="多少个字符高度"><>
常用的HTML标记整理相关推荐
- html横线标记_常用的HTML标记整理
一.大体格式 标题 (记事本为gb2312) 二. 1.超链接标记 邮件超链接:点击邮件超链接,会自动打开你电脑上邮件发送软件,将收件人地址自动填充(foxmail ) 锚链接(书签链接): 访问链接 ...
- 【Java 虚拟机原理】垃圾回收算法 ( 标记-清除算法 | 复制算法 | 标记-整理算法 )
文章目录 总结 一.标记-清除算法 二.复制算法 三.标记-整理算法 总结 常用的垃圾回收算法 : 标记-清除算法 ; 复制算法 ; 标记-整理算法 ; 这些算法没有好坏优劣之分 , 都有各自的 优势 ...
- 67.Java垃圾收集机制\对象引用\垃圾对象的判定\垃圾收集算法\标记—清除算法\标记—整理算法\分代收集\垃圾收集器\性能调优
67.Java垃圾收集机制 67.1.对象引用 67.2.垃圾对象的判定 67.3.垃圾收集算法 67.3.1.标记-清除算法 67.3.2.标记-整理算法 67.3.3.分代收集 67.4.垃圾收集 ...
- Python常用库 - 【持续整理归档】
Python常用库 - [持续整理归档],比较多,会逐步慢慢细化分类和扩从python常用库.(最后更新:2020-4-8) 为方便Python开发人员进行敏捷开发,高效的完成工作需求,耗时很久整理的 ...
- 标记复制法、标记清除法和标记整理法的区别
垃圾收集算法的实现涉及大量的程序细节,且各个平台的虚拟机操作内存的方法都有差异,本文暂不过多讨论算法实现,只重点介绍分代收集理论和几种算法思想及其发展过程. 1.分代收集理论 当前商业虚拟机的垃圾收集 ...
- 蚂蚁金服 Ant-design 常用组件和属性整理
蚂蚁金服 Ant-design 常用组件和属性整理 本文摘录自:AntDesign官网 1. 通用组件 1.1 Buttondisabled - booleanghost - booleanhref ...
- 计算机视觉常用图像数据集标记平台
目录 1.LabelIMG 2.VGG Image Annotator 3.Supervise.ly 4.Labelbox 5.其他平台 在计算机视觉中海量图片数据的标记是个让人头疼的问题,通过学习总 ...
- 垃圾回收器机制(二):快速解读GC算法之标记-清除,复制及标记整理-算法
标记/清除算法 它的做法是当堆中的有效内存空间(available memory)被耗尽的时候,就会停止整个程序(也被成为stop the world),然后进行两项工作,第一项则是标记,第二项则是清 ...
- 几则常用的BASIS技巧整理
几则常用的BASIS技巧整理 1.创建一个新的用户 2.创建一个新的角色 3.设置SAPGUI自动LogOut功能 4.利用scat进行数据导入 5.配置个人信息 6.常用的BASIS相关的T-COD ...
最新文章
- sqlalchemy 网页_抓取网页数据,上班也能看股票
- 语义SLAM开源代码汇总
- 图解CodeSmith使用和实用教程一 - 入门和生成MIS项目实体层代码
- MYSQL基础--学习笔记
- 机器学习多元线性回归_过度简化的机器学习(1):多元回归
- 华为手机云闪付付款码如何截图_云闪付乘车码,它带着优惠又来了
- e - 数据结构实验之查找五:平方之哈希表_leetcode算法之哈希表
- python接口封装_Python 接口测试之接口关键字封装
- Ajax用POST方式传中文到SERVLET中,接收时乱码
- javascript天生就具备类似c#中的委托功能
- 怎样关闭eclipse中的tooltip提示
- Android 计步器 - 手机自带系统级的 健康运动App 授权
- 友盟统计添加之后页面出现 站长统计,隐藏站长统计4个字的方法
- oracle 转chr,[Oracle]Oracle之Chr函数返回
- vmware workstation添加共享硬盘的步骤
- 做软件开发,客户难找?接单难?怎么办?
- @程序员,请掌握这些核心生存技能
- 斐讯路由器宽带运营商服务器,斐讯(PHICOMM)路由器
- OpenLayers中文文档2栅格重投影
- 板材品牌之实木与生态板的比较
热门文章
- 用什么软件测试电脑黑屏,电脑黑屏怎么处理,小编教你怎么修复电脑黑屏问题...
- 国产免费大型手机网游《龙印》新版、新服全新开启,聚焦四大看点
- 注解 @Scheduled配置参数详解,定时任务使用
- IDEA加载大文件时报错:The file size exceeds configured limit
- 计算机网络中的PDU与SDU
- 2022年度高中级职称申报材料组卷相关表格及组卷要求的通知
- 解析有效的网站推广方法
- 邹萍:工业互联网平台IDNICS及其开源生态初步实践
- 南京大学软件学院的考研心得
- 打算减肥的朋友们一定要看的----18种食物让你越吃越瘦