分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

HTML

发布时间:2023-09-06 01:10责任编辑:白小东关键词:HTML

标题标签<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5><h5>,<h6><h6>
段落标签<p></p>,<span><span>
水平线标签<hr/>
换行标签<br/>
加粗斜体<strong></strong>,<em></em><b></b>,<i></i>
注释标签<!----> ??//
特殊符号
空格 ???????&nbsp
大于号> ????&gt;
小于号< ????&lt;
引号" ??????&quot;
版权符号@ ??&copy;

图像标签 <img src="path" alt="图像替代文字" title="鼠标悬停时提示文字" width="" height=""/>
1:绝对路径
2:相对路径
?./1.jpg 当前文件目录下的1.jpg
?../1.jpg当前文件目录的上一级的目录下的1.jpg
3: alt,title是图片的提示信息,便于SEO搜索优化


链接标签<a href="链接路径" target="链接在哪个窗口打开,常用_self,_new,_blank">链接文字或图像<img src="1.jpg"/></a>
页面链接<a href="2.html"></a>

锚链接
1:从A页面的甲位置跳转到A页面的乙位置
<a href="#marker">甲位置</a>
<a name="marker">乙位置</a>
2:从A页面的甲位置跳转到B页面的乙位置
<a href="1.html#marker">甲位置</a>
<a name="marker"><乙位置</a>

功能性链接
<a href="mailto:dqnWebmaster@bdqn.cn">联系我们</a>


无序列表
<ul type="disc/square/circle>
<li></li>
<li></li>
</ul>
disc项目符号显示为实体圆心,默认值
square项目符号显示为实体方心
circle项目符号显示为空心圆
有序列表
<ol type="1/A/a/I/i>
<li></li>
<li></li>
</ol>

1使用数字作为项目符号
A/a使用大写/小写字母作为项目符号
I/i使用大写/小写罗马数字作为项目符号

定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
表格
<table border="1" cellpadding="10" cellspacing="0" width="100%">
<tr rowspan="跨行" colspan="跨列">
<th>默认居中加粗</th>
<th></th>
</tr>
<tr>
<td align="left/center/right">默认居左</td>
<td valign="top/middle/bottom></td>
</tr>
</table>
表单
<form method="数据发送方式get/post" action="表单提交路径">

?<input type="text" name="user" vlaue="初始化内容" placeholder="水印字符">
?<input type="password" name="pwd" value="密码">
?
?<input type="radio" name="sex" value="只选其一">男
?<input type="radio" name="sex" value="只选其一">女
 <input type="checkbox" name="interest" />音乐
?<input type="checkbox" name="interest" />书籍
 <select size="2" >
???????????<opti>1</option>
?</select>

?<textarea cols="10" rows="10" >文本域</textarea>
 <input type="file" value="请选择文件">
 <input type="hidden" value=""隐藏域 name="show" />

readonly只读文本
disabled禁用按钮

?<input type="buton" value="点击我不会提交表单">
?<button>点击我会提交表单到actio的路径里</button>
?<input type="sunmit" value="点击我会提交表单到actio的路径里">
内联框架
<iframe src="1.html" frameborder="0" scrolling="no" width="400" height="200"/>
</form>

HTML

原文地址:http://www.cnblogs.com/xingkongly/p/7506541.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved