Day2前端基础学习

   日期:2020-08-26     浏览:106    评论:0    
核心提示: 里面只能包含 和 。2. 和 个数没有限制,经常是一个 对应多个。

这里写目录标题

    • 一·. 标题标签
    • 二·. 段落标签
    • 三. 链接标签
    • 四. 图片标签
    • 五. 列表标签
      • 1. 无序列表
      • 2.有序列表
    • 六 . 表单标签
      • 1.1 input表单元素
      • 1.2
      • 3 . 文本输入框:
      • 4.密码框
      • 5.lable :
      • 6.按钮
      • 1.文件选择
      • 2.Button 按钮
      • 3.隐藏按钮

一·. 标题标签

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

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

二·. 段落标签

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

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

三. 链接标签

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

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

四. 图片标签

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

	<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>

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>

3.自定义列表
其基本语法如下:

<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 属性的属性值及其描述如下:

1.2

除 type 属性外,标签还有其他很多属性,其常用属性如下:

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">

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服