前端学习–Day02


基本标签

一、标题标签
h1标签定义最大的标题。h6标签定义最小的标题。h1-h6标签语义越来越轻。

<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h5>我是h4</h5>
<h5>我是h5</h5>
<h6>我是h6</h6>

二、段落标签
一段一段文字的时候使用

<h3>登鹊鹤楼</h3>
<p>白日依山尽,</p>
<p>黄河入海流;</p>
<p>欲穷千里目,</p>
<p>更上一层楼。</p>

三、链接标签
href:目的地
title:鼠标悬停内容
target:设置跳转的方式
_self:默认,在当前页面打开
_blank:在新的页面打开

<h1 id="top">我是h1</h1>

<a href="http://www.baidu.com" title="我想去百度" target="_blank">百度一下</a>
<br>
<a href="#top">回到顶部</a>

四、图片标签
上一级目录: …/
当面目录: ./

<img src="url"/>
<img src="./image/luhan.jpg" title="鹿晗" alt="图片加载失败"/>

src:图片路径
title:鼠标悬停的内容
alt:图片加载失败时显示的文字

五、列表标签

1.无序列表
无序列表始于 ul标签。每个列表项始于 li标签。

<ul type="square">
<li>吃饭</li>
<li>睡觉</li>
<li>音乐</li>
<li>学习</li>
</ul>

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

2.有序列表
有序列表始于 ol 标签。每个列表项始于 li 标签。
Type:计数方式:0-9,A-Z,a-z,i、ii、iii、iv
Start:开始的系数

<ol type="I" start="1">
<li>鹿晗</li>
<li>张杰</li>
<li>胡斐</li>
<li>彭文辉</li>
</ol>

3.定义列表
自定义列表以 dl 标签开始。每个自定义列表项以 dt标签开始。每个自定义列表项的定义以 dd标签 开始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

六、表单标签
1.文本输入框:

<input id="username" type="text" name="username">

2.密码框:

</label><input id="password" type="text" name="password">

3.Label:
一般和input标签,点击label的时候,对应的input会获取焦点

<label for="username">用户名:</label><input id="username" type="text" name="username"><br>
<label for="password">密码:</label><input id="password" type="text" name="password"><br>

4.按钮:
(1).提交按钮:

<input type="submit" value="提交">

(2).普通按钮:

<input type="button" value="我是普通按钮">
<button>普通按钮</button>

(3).重置按钮:

<input type="reset" value="重置">

(4).单选按钮:

性别:
<label for="man">男</label><input name="sex" type="radio" id="man" value="man" >
<label for="woman">女</label><input name="sex" type="radio" id="woman" value="woman">

(5).多选按钮(复选框):

爱好:
彭文辉:<input type="checkbox" name="love" value="pwh">
胡斐:<input type="checkbox" name="love" value="hf">
程进<input type="checkbox" name="love" value="cj">

5.下拉列表:

归属地:
<select name="come">
<option>南昌</option>
<option>景德镇</option>
<option>赣州</option>
<option>吉安</option>
</select>

6.上传文件:

<input type="file" name="file">

7.隐藏域:
这个标签是隐藏的

<input type="hidden" name="id">

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

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

前端学习--Day02

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

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

评论抢沙发

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

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

支付宝扫一扫打赏

微信扫一扫打赏