新人笔记2,HTML基础标签与运用。


HTML基础标签
1.标题标签

网页中的标题可以分为六个不同的级别(h1~h6),页面中只有一个h1标签,h1–h6的语义越来越轻。

<h1></h1>

        <h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>

新人笔记2,HTML基础标签与运用。

2.段落标签

跟文章段落一样,一段一段文字的时候使用。

<p></p>

        <p>清明</p>
<p>清明时节雨纷纷</p>
<p>路上行人欲断魂</p>
<p>借问酒家何处有</p>
<p>牧童遥指杏花村</p>

3.链接标签

页面间的跳转
页面内的跳转

<a></a>

<a href="http://www.baidu.com"title="浏览百度"target="_blank">去百度</a>
<a href="#head">回到顶部</a>

href:目的地,跳转后的URL地址。
title:鼠标悬停显示的内容。
target:设置跳转的方式。
_self:在 当前页面中打开; (默认值)。
_black: 在新的页面打开。

4.图片标签

上一级目录: …/
当前目录::./

<img src="./imng/bjpg" alt="图片加载失败">

src:设置显示的目标图片
alt:当图片加载失败的时候,显示的内容

5.列表标签

顺序: order
没有顺序: unorder
列表:list
项目:item
1.有序ol

班级人数的身高
<ol type="A" start="4">
<li>160CM以下</li>
<li>160~170</i>
<li>170~180</i>
<li>180+</i>
</ol>

type:计数方式: A’ "Z,a^ z,1-2 -3-4,i、ii. iii、 iv
start:开始的序数
2.无序ul

饭店的菜谱
<ul type="square">
<li>黄焖鸡</i>
<li>酸菜鱿鱼</i>
<li>手撕包菜</li>
<li>鱼香肉丝</i>
</ul>

(1)每一个项目前面有一些符号。
(2)可以通过type属性去设置符号的类型(方块、圆)

新人笔记2,HTML基础标签与运用。

6.表单标签

什么是表单:收集用户编写的信息并将其信息提交给后台服务器。就是是将速度丢给后台。
你的后台在哪里: URL 地址==>action
提交的方式: get/post==>method

<form action="#" method="get">
</form>

文本输入框:text
密码框:password
label:一般和input标签联合使用,点击label的时候,对应input的可以获取焦点。
提交:submit
普通按钮:button

            <form action="#" method="get">
文本:<input type="text" name="name">
<label for="pwd">密码</label>
<input id="pwd" type="password" name="pwd"><br>
<input type="button" value="我是按钮"><br>
<input type="reset" value="重置按钮"><br>
<input type="submit" value="提交按钮"><br>

新人笔记2,HTML基础标签与运用。
重置按钮:reset
单选按钮:radio
多选按钮(复选框) :checkbox
下拉列表:select
文件选择:file

<input type="button" value="input按钮">
<button >button按钮</button>

button标签的按钮,按钮上内容可以是任意内容(图片、文字)
input标签的按钮,按钮的内容只能是文字

7.隐藏标签

隐藏标签:hidden

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

新人笔记2,HTML基础标签与运用。

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » 新人笔记2,HTML基础标签与运用。
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏