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

   日期:2020-08-25     浏览:169    评论:0    
核心提示:HTML基础标签1.标题标签网页中的标题可以分为六个不同的级别(h1~h6),页面中只有一个h1标签,h1–h6的语义越来越轻。

一级标题

二级标题

三级标题

四级标题

2.段落标签跟文章段落一样,一段一段文字的时候使用。...

HTML基础标签

1.标题标签

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

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

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属性去设置符号的类型(方块、圆)

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>


重置按钮:reset
单选按钮:radio
多选按钮(复选框) :checkbox
下拉列表:select
文件选择:file

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

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

7.隐藏标签

隐藏标签:hidden

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

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

13520258486

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

24小时在线客服