Day2前端基础学习


Day2前端基础学习
一·. 标题标签

h1-h6语义越来越轻,字体由大到小。
页面上只有一个h1标签

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

Day2前端基础学习

二·. 段落标签

一段一段文字的时候使用。

        <h3>登鹳雀楼</h3>
<p>白日依山尽</p>
<p>黄河入海流</p>
<p>欲穷千里目</p>
<p>更上一层楼</p>

Day2前端基础学习

三. 链接标签

能实现页面间的跳转和页面内的跳转;
href : 目的地,跳转后的URL地址;
Tittle:鼠标悬停显示的内容;
Target:设置跳转的方式;
_self : 在当前页面中打开;(默认值)
_blank:在新的页面打开。

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

四. 图片标签

上一级目录 …/
当前目录 ./
alt : 图片加载失败时显示。
img:图片标签
Day2前端基础学习

	<img src="img/background.jpg" alt="图片加载失败" />

五. 列表标签

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

type:

circle 空心圆

disc圆点

square正方形

	不能有的坏习惯
<ul type="square"><!--方块-->
<li>黄</li>
<li>赌</li>
<li>嫖</li>
<li>色</li>
</ul>

Day2前端基础学习

2.有序列表
有序列表也是一列项目,列表项目使用数字进行标记;
有序列表始于 <ol 标签,每个列表项始于 <li 标签。
type:

1 阿拉伯数字

a英文小写

A英文大写

i罗马小写数字

I罗马大写数字

start编号样式的

起始数字,如:编号样式设为A,起始值设置为2,则列表的起始值为B

<ol type="i">
<li>吃</li>
<li>穿</li>
<li>住</li>
<li>行</li>
<li>用</li>
</ol>

Day2前端基础学习3.自定义列表
Day2前端基础学习其基本语法如下:

<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>

注意:
1.dl 里面只能包含 dt和 dd。
2. dt 和 dd个数没有限制,经常是一个dt对应多个dd。

六 . 表单标签

1.1 input表单元素
type 属性的属性值及其描述如下:
Day2前端基础学习

1.2 除 type 属性外,标签还有其他很多属性,其常用属性如下:
Day2前端基础学习3 . 文本输入框:

文本:<input type="text" name="name"><br>

4.密码框

	<label for="pwd">密码: </label>

5.lable :
一般和input标签联合使用,点击lable的时候,对应input的可以获取焦点。

提交按钮 submit<input type="submit" value="提交按钮"><br>
普通按钮 button<input type="button" value="我是按钮"><br>
重置按钮 reset <input type="reset" value="重置按钮"><br>

6.单选按钮

性别:
<input type="radio" name="sex">男
<input type="radio" name="sex">女<br>

多选按钮

 checkbook:<input type="checkbox" name="love" >黄
<input type="checkbox" name="love" >赌
<input type="checkbox" name="love" >毒
<br> </select><br>

1.文件选择

头像:<input type="file"><br>

2.Button 按钮

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

3.隐藏按钮

:<input type="hidden" name="id" value="1234567">

Day2前端基础学习

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

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

Day2前端基础学习

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

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

评论抢沙发

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

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

支付宝扫一扫打赏

微信扫一扫打赏