html常用标签汇总

1、html主要分为head和body，body中存放的是页面的主要内容

2、H标签是标题，从H1-H6，p标签是段落标签，div是层叠样式表中的定位技术，全称DIVision，前段人员主要用div，以下是一个示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--一级标题h1--><h1>hello world</h1><h2>hello world</h2><h6>hello world六级标题</h6>
<!--    br换行符--><p>这里是一个段落<br>窗前明月光，<br>疑是地上霜</p><p>这里是第二个段落<div>第二段文字</div><div>第二三段文字</div></p>
</body>
</html>

3、a标签是一个超链接文本，通常和href搭配使用，img表情是图片标签，两者何在一起可以组成一个图片+超链接格式标签，ul是菜单列表。可以搭配a标签超链接使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head><body>
<!--a标签为超链接文本，img为图片标签，将两者何在一起可以组成一个图片+超链接格式标签-->
<a href="https://www.vmall.com"> 注册
</a>
<img src="veer-164075935.jpg" width="750px" height="800px">
<a href="https://www.vmall.com"> <img src="veer-164075935.jpg" width="750px" height="800px"></a>
<!--ul是菜单列表。可以搭配a标签超链接使用-->
<ul><li ><a href="https://www.vmall.com"> 笔记本</a><li>手机
</ul>
<table></table>
</body>
</html>

4、form表单是请求接口的地方，ps：http://httpbin.org/post是一个调试用的接口可以，入参和出参一致，input是输入框，placeholder是输入框中展示的文字光标点击后消失，type是类型为text是文本输入框，password时输入信息会变成变成小圆点。radio是单选框，checkbox是复选框，file是文件上传，submit是提交-->

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<h1>注册</h1>
<!--form表单是请求接口的地方，ps：http://httpbin.org/post是一个调试用的接口可以，入参和出参一致-->
<form action="http://httpbin.org/post" method="post"
<!--input是输入框，placeholder是输入框中展示的文字光标点击后消失，type是类型为text是文本输入框，password时输入信息会变成变成小圆点。radio是单选框，checkbox是复选框，file是文件上传，submit是提交-->
<!--name是表示传输数据的入参名称，value是入参值，其实输入框的value就是输入的信息-->
<div>用户名：<input placeholder="请输入用户名" name="username"></div><div>密码   ：<input placeholder="请输入密码" type="password" name="password"></div>
<div>性别：<input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女
</div>
<div>你喜欢哪些爱好：<input type="checkbox" name="habby" value="1">乒乓球<input type="checkbox" name="habby" value="2">游戏<input type="checkbox" name="habby" value="3">python
</div>
<div>你的专业：
<select name="class"><option>计算机</option><option>信息管理与信息系统</option><option>审计</option></select>
</div><div>上传文件：<input type="file" name="file">
</div>
<div>提交：<input type="submit">
</div><body></body>
</html>

html常用标签汇总相关推荐

帝国cms php序号,PHP_帝国cms常用标签汇总，判断会员是否登录? - phpStudy
帝国cms常用标签汇总判断会员是否登录 if(!$_COOKIE[ecmsmlusername]){ $srr="登录可见"; }else{ $srr="[!--lbs ...
html input 字体颜色_HTML常用标签汇总
点击关注我哦 HTML标签繁多,之前在学习HTML的过程中也确实存在这样的问题,每次有想用的标签都只能通过百度一个个查阅. 网上也存在很多关于HTML常用标签的总结,但是在这里呢我也是想亲手来做这么一 ...
织梦常用标签汇总-------未完待续
网站首页常用标记 <meta http-equiv="Content-Type" content="text/html; charset={dede:global. ...
dede php 常用,dede cms常用标签汇总收藏版
首页标题调用标签:{dede:global.cfg_webname/} 首页关键词调用标签:{dede:global.cfg_keywords/} 首页描述调用标签:{ dede:global.cfg ...
HTML第一章 (WEB基础知识、 HTML入门、HTML的语法规则、HTML常用标签汇总、图片与超链接、HBuilder的快捷键)
目录一.WEB基础知识二.HTML入门三.HTML的语法规则四.HTML标签五.图片与超链接六.HBuilder的快捷键每日一句一.WEB基础知识我们可以做什么? WEB前端大前端 ...
帝国cms首页写php,帝国cms常用标签汇总
判断会员是否登录 if(!$_COOKIE[ecmsmlusername]){ $srr="登录可见"; }else{ $srr="[!--lbsly--]"; ...
Docker常用命令汇总
Docker常用命令汇总帮助命令 docker version docker info docker --help 镜像命令 docker images 列出本地主机上的镜像,各个选项说明如下: R ...
【html 及 HTML5所有标签汇总】★★★
/****************************************************************************/ [HTML5所有标签汇总]★★★ /*** ...
vue input file onchange_vue常用指令汇总
在我们对比vue与react的时候,会发现一个很明显的特点,react的写法很自由,用js来搞定一切,而vue的模版语法提供了一套相对固定的模式来书写页面,vue的优势在于这些特性帮助我们简化了代码, ...

html常用标签汇总

html常用标签汇总相关推荐

最新文章

热门文章