您当前的位置: 首页 >  html

暂无认证

  • 5浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

学html看这一篇就够了

发布时间:2020-08-24 00:53:49 ,浏览量:5

"en">"UTF-8">Document"./.jpg" width="100" height="100" title="贵哥牛逼" alt="李文">

核心;相反的,title代触碰到图片显示的是什么 alt代表图片不能显示的时候出现的是什么

在这里插入图片描述

br:核心;在于你写多少个br就会换多少行.

路径 什么是相对什么又是绝对路径呢? 核心:相对路径是把,是在自己所在的位置开始找。 绝对路径是;从指定的盘开始查找. 比如:记住,最重要的路径核心是:如果要查找当前路径的上上一级的话,比如当前文件是1.html,那该怎么找? …/…/1.html就行了. …/代表上一级。 注意:不能跨盘找.

a标签;

"en">"UTF-8">Document"https://www.baidu.com/index.php?tn=monline_3_dg" target="_self" title="贵哥牛逼" >666 

//核心;一些浏览器不兼容,_self代表不新建页面,_blank代表新建一个页面打开. 在这里插入图片描述

base:

"en">"UTF-8">Document"_blank">"https://www.baidu.com/index.php?tn=monline_3_dg" target="_self">666 

_self是在本页面打开, 在这里插入图片描述

假标签:

"en">"UTF-8">Document"#">666666666 "javascript:">666 

假标签代表不会跳转的标签 3.假链接的格式: 1.# 2.javascript:

在这里插入图片描述

锚点:

"en">"UTF-8">Document"#cyg">我想去cyg所在的位置 
		
			"cyg">cyg所在的位置
		

核心在于:id代表想去的位置。 我想去cyg所在的位置 代表链接到想去的位置在哪?

在这里插入图片描述

在这里插入图片描述

无序列表:

"en">"UTF-8">Document
		
			中国的城市
		

		
  • 琼海
  • 三亚
  • 海口

核心;在于是一个整体,不分先后.ul和li 在这里插入图片描述

有序列表:

"en">"UTF-8">Document
		
  1. cyg
  2. lw

核心是ol和li是一个整体。并且以1为开始.

在这里插入图片描述

定义列表:

"en">"UTF-8">Documentcygcygcygcyg

核心;dl dt dd是一个组合标签。dt是标题,dd是描述信息,dl相当于·ul把。要想组合成定义标签必须dl+dt或者dd。

在这里插入图片描述

表格:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"1">
		
			
			
				
				
					
					
						666
					

					
						666
					

					
						666
					

				

				
					
					
						777
					

					
						777
					

					
						777
					

				

			

		

在这里插入图片描述

核心:table代表告诉系统这是一个表格,tr代表一行表格。td代表一个表格。 问题?要想加一行表格怎么办? 加tr 和td就行了. 记住,核心table tr td是一起出现的,单个没有意义。

表格属性:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"1" width="666" height="600" align="center" cellspacing="20px" cellpadding="60">
"bottom">
	"center">
		
			
			
				
				
					
					
						"top">cyg666
					

					
						cyg666
					

				

				
					
					
						"right">666
					

					
						666
					

				

			

		

在这里插入图片描述

核心:valign是只能设置垂直方向的(top bottom)只能td tr用。align是只能设置水平方向的(left center right)那个属性都能用。 cellspacing=“20px”;代表边框与边框的距离。 cellpadding="60"代表单元格的边框与单元格里面的文字的距离.

细线表格:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"yellow" cellspacing="20">
		"red">"white">
		
			
			
				
				
					
					
						666
					

					
						666
					

				

				
					
					
						666
					

					
						666
					

				

			

		

在这里插入图片描述

表格的结构:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"1px" width="500px" height="200px">陈业贵
		

在这里插入图片描述

合并:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document
姓名 年龄 陈业贵 李文 陈业贵 李文 666 999 "1px" align="center" width="500px" height="300px"> "2">666 666 666 666 666 666 666 666

在这里插入图片描述

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"1px" align="center" width="500px" height="300px">
		
			
			
				
				
					
					
						"2">666
					

					
						666
					

				

				
					
					
						666
					

					
						666
					

					
						666
					

				

				
					
					
						666
					

					
						666
					

					
						666
					

				

			

		

核心:正所谓两者不可兼得。所以合并后。就要删除被合并的哪一个。rowspan删除列。colspan代表删除行。

在这里插入图片描述

表单:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"text" name="" id="">"password" name="" id="">"text" name="" id="" value="cyg">"password" name="" id="" value="qq62700167">"radio" name="name" id="" checked="checked">44"radio" name="name" id="" checked="checked">444"radio" name="name" id="" checked="checked">44"checkbox" checked="checked">666"checkbox">666"checkbox" checked="checked">666

在这里插入图片描述

核心;:单选框每一个写相同的name,就可以互斥了。为什么,因为代表唯一的啊。 默认值在value里面写哈。

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Documenthttps://www.baidu.com/?tn=48021271_8_hao_pg
	">"button" value="我是按钮" οnclick="alert('cyg')">"image" src="./1.jpg" οnclick="alert('cyg')">"text" name="" id="">"reset" value="清空">"hidden" name="cc" value="666">

核心:不要写错哦

在这里插入图片描述

Label标签:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"">"cyg">
			666666"text" name="" id="cyg">"liwen"> 账号:"text" id="liwen">

在这里插入图片描述

核心:记住,表单写在label标签里面,然后label为for,input id。两方相同(for id)就行了.

Datalist:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"text" name="" id="" list="cyg">"cyg">"c">c"y">y"g">g"l">l"w">w

在这里插入图片描述点击就显示了

核心:输入框的list里面的值是datalist里面的id的值.

h5表单标签:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"email">--类型有:url   number   date   color    submit-->

在这里插入图片描述

表单标签3:

Document

"数字">111222333444555"字母">abcde

在这里插入图片描述

video标签:

video第二种方式:

"autoplay" controls="controls">"images/sb1.webm" type="video/webm">"images/sb1.mp4" type="video/mp4">"images/sb1.ogg" type="video/ogg">

在这里插入图片描述

audio标签:

"autoplay" controls="controls">"images/yinyue.mp3" type="audio/mp3">

详情和概要标签?:

"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document陈业贵6666666666666666666666666666666666666

在这里插入图片描述

//marquee标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>39-marquee标签</title> <style> marquee { width:200px; height:200px; background-color: skyblue; } </style> </head> <body> <!--滚动方向--> <marquee>随便写点内容</marquee> <marquee direction="right">随便写点内容</marquee> <marquee direction="up">随便写点内容</marquee> <marquee direction="down">随便写点内容</marquee> <hr> <!--设置滚动速度--> <marquee scrollamount="1">随便写点内容</marquee> <marquee scrollamount="100">随便写点内容</marquee> <hr> <!--设置滚动次数--> <marquee loop="1">随便写点内容</marquee> <hr> <!--设置滚动类型--> <marquee behavior="slide">随便写点内容</marquee> <marquee behavior="alternate">随便写点内容</marquee> <marquee> <img src="images/NJ.jpg" width="50px"> </marquee> </body> </html> 

在这里插入图片描述

//字符实体

"en">"UTF-8">41-字符实体
		

我 ; ; ;爱你

到此为止我们的HTML的基础标签就学习完毕了, 例如我们学习了<;h1>;标签, <;table>;标签, <;img>;标签....

©;

在这里插入图片描述

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.5514s