HTML基础

飞鹰@四海

于 2022-11-18 16:13:35 发布

阅读量77

点赞数

分类专栏： html 文章标签： 1024程序员节

本文链接：https://blog.csdn.net/qq_59534628/article/details/127494495

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

div:

/* marquee 滚动字符
           滚动方向：direction="down"
           "up","left","right"
           滚动速度/间距,,两次滚动间距：scrollamount="50"
           延迟时间：scrolldelay="1000"
           循环次数：loop="1"
           -1无限之循环

<div class="div3">
			<marquee behavior="" direction="right" style="height: 250px;
			color: gold;font-size: 5;">
				可视化工作室代码是一<br><br>
				可在您的桌面上运行，<br><br>
				它内置了对 JavaScript、<br><br>
				类型脚本和节点的支持.，<br><br>
				适用于其他语言和运行时<br><br>
				通过这些介绍性视频，<br><br>
			</marquee>
			
		</div>

background-color:背景色

font-family：字体

border-left-color:左边边框颜色

border-width：边框宽度

position: absolute; 绝对定位

text-decoration: none;去超链接下划线

font-weight: bold;字体加粗

/*
           video 标签放视频 mp3
           controls 播放视频属性
           */

<div class="div5">
			<video src="img/002.mp4" controls="controls" width="100%" height="100%"></video>
		
		</div>

<body>
		<!-- 内部链接 -->
		<a href="#one">跳转链接1</a><br/><br/>
		<a href="#two">跳转链接2</a><br/><br/>
		<a href="">跳转链接2</a><br/><br/>
		<br/><br/><br/><br/><br/>
		
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		
		<a name="one">内容1</a>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<a name="two">内容2</a>
		<br/><br/><br/><br/><br/>
		
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
	</body>

var q=10;
			var w=25;
			var e=20;
			//优先级 &&>||>!
			var result=q>e||w>e||q==e; //只要有一个为真都为真
			result=q>e && w>e && q==e;//&& 与 有一个为假都为假
result=q<e || w>e && q==e ||10<5 && 30>8;
			alert(result);

表单：

表单:客户端与服务器端进行数据传递的一种载体

form标记表示表单
属性：

action表示服务器地址

method表示提交方式

get 明文发送在URL会携带控件名和控件值https://www.baidu.com/?uname=admin&upwd=aaaa

post密文发送在URL上不会携带参数

form表单也可以设置name和ID属性

readonly="readonly" 表单框只读属性

<input type="textname="uname" id="uname" value="张三"readonly="readonly">

maxlength="4" 最大长度（只能输四个字）

<input type="text" name="uname"id="unamevalue="张三"
 maxlength="4"style="width: 18px; height:50px;font-size: 26px;
 color; red;background-color: #5F9EA;
border-color: #7FFF00;"/>

select 表示下拉列表属性size表示显示几项

<select name="xiala" id="">
							<option value="">小学</option>
							<option value="">初中</option>
							<option value="">高中</option>
							<option value="">大专</option>
							<option value="">本科</option>
							<option value="">硕士</option>
							<option value="">博士</option>
						</select>

solid 实线 dashed 虚线

style="width: 100px; border: dashed 1px red;"

checkde="checked"默认被选中

<input type="radio" name="sex" checked="checked">男
			<input type="radio" name="sex">女

单选后面加图片

<input type="radio" name="sex" >
<img src="img/男.png" alt="" style="width: 22px; height: 22px;">男

textarer 文本域 cols 列 rows 行

多选：

全选按钮

框架：

先写frameset 在写frame

实例：

<frameset cols="20%,*">
		<frame src=""/>
		<frameset rows="25%,*">
			<frame src=""/>
			<frameset cols="50%,*">
				<frame src=""/>
				<frame src=""/>
			</frameset>
		</frameset>
	</frameset>

marginheight: 窗口上下边界的高度

marginwidth: 窗口左右边界的宽度

scrolling="no" 取消设定滚动条

<frame src=" top.html" scrolling="no" marginheight="0"marginwidth="0"/>

target="_parent" 打开新窗口

<td><a href="http://www.baidu.com" target="_parent">百度</a></td>

noresize="noresize" 框架不能移动

frameborder="0" 框架没有边框

backgroud-attachment:"fixed"背景图片不滚动

导航栏：

导航栏

飞鹰@四海

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML基础

* marquee 滚动字符滚动方向：direction="down"滚动速度/间距,,两次滚动间距：scrollamount="50"延迟时间：scrolldelay="1000"循环次数：loop="1"-1无限之循环background-color:背景色font-family：字体border-left-color:左边边框颜色border-width：边框宽度绝对定位去超链接下划线字体加粗
复制链接

扫一扫