HTML+css基础语法知识

<html>
	<head>	
		<title>测试开发web</title>
		<meta name="viewport" content="width搜索=device-width, initial-scale=1.0, user-scalable=no" />
		<meta name="generator" content="notepad"/><!-- 编辑工具 -->
		<meta name="keywords" content="暴走,漫画,恶搞"/><!-- 关键字 -->
		<meta name="discription" content="暴走漫画简介"/><!-- 描述 -->
		<meta name="author" content="陈伟浩"/><!-- 作者 -->
		<meta charset="UTF-8"><!-- 字符集 -->
		<!--<meta http-equiv="refresh" content="10"/>  自动刷新 -->
		<!--
			<meta http-equiv="refresh" content="5;url=https://baijiahao.baidu.com/s?id=1602142703263383709&wfr=spider&for=pc"/>
					自动跳转-->     
    <meta http-equiv="Page-Enter" content="revealtrans(duration=3,transition=21)"/><!-- 页面转换效果-->   
    <link href="外部层叠样式表.css" rel="stylesheet" type="text/css" /><!--添加外部css文件-->
    
	</head>
	<body bgcolor="bisque"  
		background="页面背景.jpg" 
		bgproperties="fixed" 
		topmargin=50 leftmargin=50 bottommargin=50 rightmargin=50 >
		<!-- 上边距 左边距 下边距 右边距 --><!--text="#ffffff" 文本标签颜色   link="#ff0000" 链接颜色--> 
		
	<span class="text0">
		<h3 align="center">HBuilder 开发web页面</h3>
		<p align="right" ><font color="burlywood" size="3">作者:陈伟浩            <br />日期:2018.07.16</font></p>
		<hr size="2" color="blue"/>
		<img src="老哥稳.gif" align="left" alt="老哥稳"/>
		
		<p><font color="black" size="5" face="宋体"><span class="text">暴走漫画</span> (Rage Comic),简称“暴漫”,台湾、港澳称之为梗漫,一种流行于网络的开放式漫画,通常以日常生活故事、笑话段子为主题,通过简单的手绘表情(Rage Faces)构成的简单漫画。<br />
		由于有固定的人物设定,可由不具备美术功底的普通网民制作并发布。题材往往是贴近生活的糗事,也有少量讽刺性和严肃的反思性题材。暴走漫画注重通过夸张的头像,来表达漫画人物的心情,通常是愤怒、开心和无语。暴走漫画人物的头像特点通常在于嘴和眼。是近几年兴起的一种新鲜的网络恶搞,在网民(尤其学生群体)中引起了疯狂的关注。
		<br />2018年5月8日,“暴走漫画”就在“今日头条”等平台发布了一段时长58秒、含有戏谑侮辱董存瑞烈士和叶挺烈士内容的短视频。5月17日,微博社区发布公告,关闭包括@暴走大事件等严重违规账号16个。
		<br />2018年5月31日报道,“暴走漫画”丑化恶搞烈士,对其依法立案查处,将从快从重作出行政处罚。</font></p>
		<a href="进入网页.html">进入网页</a><br />
		<a href="离开网页.html">离开网页</a><br />
		<a href="进入网页.html" target="_blank">进入网页2</a><br /><!--在新窗口中打开网页-->
		<p>这段视频是来自《暴走大事件》第三季第 15 集的内容,最早发布于2014年,在视频中王尼玛称“董存瑞瞪着敌人的碉堡,
			眼中迸发出仇恨的光芒,他坚定的说,连长,让我去炸那个碉堡吧。我是八分青年,这是我的八分堡。”
			不少朋友都知道“八分堡”就是汉堡包,可以说这次暴走漫画将烈士事迹这样的戏谑、侮辱是非常严重的事情。<br />
			结合今年已经通过的《中华人民共和国英雄烈士保护法》,这可是很严重的违法事件了。
			尤其是暴走漫画每一期的节目观看人数那么多,传播广泛,这样的情况相信会有相关职能部门介入,看来暴走漫画这次要凉凉了。
			随后中国青年网微博上表示对暴走漫画强烈的不满,认为王尼玛混淆视听,王尼玛在声明里贴出来的图,
			是从早被下架的视频里截取的。而报道里的截图,是根据暴漫 5 月 8 号新剪辑发布的视频截取的,
			后来暴漫发的视频里面对董存瑞这样的革命先烈进行调侃,而完整版是2分钟的,剪辑过的确实是涉嫌侮辱了,
			而两分钟的是讽刺广告。不过重点是为什么暴走漫画要重新上传视频。
			可以说这次暴走漫画是彻底要凉凉了,这么多年前已经下架的视频重新上传肯定是有什么猫腻,不
			管是怎么样,剪辑过后的视频是确实有侮辱先烈的嫌疑,被封禁是一定的了,
			至于后面会不会进行永久的封禁还不知道,王尼玛表示正在努力争取。
		</p>
		
			<table>
				<tr>
					<td>
						<span class="text0"><ol type="i"></span><!--有序列表-->  
							<li>陈伟浩</li>
							<li>陈伟浩</li>
						</ol>
					</td>
					
					<td>
						<span class="text0"><ul type="disc"></span><!--有序列表-->  
							<li>陈伟浩</li>
							<li>陈伟浩</li>
						</ul>		
					</td>		
					
					<td>
						<span class="text0"><pre></span><!--预格式-->  
							HH	HH
							HH	HH
							HHHHHHHHHH
							HH	HH
							HH	HH
						</pre>
					</td>
					
				</tr>
			</table>
		

		
		<marquee direction="right" behavior="scroll" scrollamount="5" bgcolor="blue"
			width="100%" height="10%">
			<!--滚动方向 滚动方式 滚动速度 背景颜色 范围-->
			作者:陈伟浩
		</marquee><br /><br />
		
		<!--<embed src="Beyond - 海阔天空.mp3" width="200" height="200">
		</embed>-->
		<!--音频视频-->
		
		<video controls="controls" width="1000px" height="50" >
		<!--controls为播放器控制器-->
		<source src="Beyond - 海阔天空.mp3" type="audio/mp3"></source><!--指定格式-->
		</video><br />
		
		<video controls="controls" width="1000" height="500" >
			<!--controls为播放器控制器-->
			<source src="烟花.mp4" type="video/mp4"></source><!--指定格式-->
		</video><br /><br />
		
		</span>		
		
		<!--建立表单-->
		<form name="测试表单" method="get" action=mailto:[email protected]>
			<span class=text2>姓名: <input type="text" name="输入姓名" size="50" /><br />
			网址: <input type="text" name="输入网址" size="50" value="http://"/><br />
			密码: <input type="password" name="输入密码" size="50" /><br />
			上传: <input type="file" name="上传文件" size="50" /><br />
			
			<!--复选框-->
			请选择你喜欢的音乐: 
			<input type="checkbox" name="m1" value="rock" checked />摇滚乐<!--默认--> 
			<input type="checkbox" name="m2" value="jaze" />爵士乐
			<input type="checkbox" name="m3" value="pop" />流行乐<br />
			
			<!--单选框-->
			请选择你居住的城市:
			<input type="radio" name="city" value="beijing" />北京
			<input type="radio" name="city" value="shanghai" />上海
			<input type="radio" name="city" value="guangzhou" />广州
			
			<!--按钮-->
			<input type="submit" name="submit" value="提交表单" />
			<input type="reset" name="reset" value="重置表单" />
			<input type="image" name="imagebutton" src="暴走漫画.jpg"  width="80" height="20"/><br /><!--图像提交按钮-->
			
			<!--列表和菜单-->
			<select name="music" size="3" multiple> <!--3个选项且可多选-->
				<option value="rock" selected>摇滚乐
				<option value="jaze" >爵士乐
				<option value="pop" >流行乐	
			</select>
					
			写下您的留言
			<textarea name="textArea" rows="2" cols="80"></textarea><br /><br />
			
			<!--表格-->
			<table width="700"  border="1" bgcolor="yellow"><!--表格 属性设置 -->
				<caption align="center"> <font size="5" face="楷体" color="red" >当当购书</font></caption>
				
				<tr align="center" valign="middle">
					<td rowspan="2" width="100">书籍名称</td>    <!--跨行属性-->
					<td colspan="4">书籍购买</td> <!--跨列属性-->				
				</tr>
				
				<tr ><!--行-->
					<td>	<a href="book1.jpg" ><img src="book1.jpg" width="200"/></a>		</td><!--单元格-->
					<td>	<a href="book2.jpg" ><img src="book2.jpg" width="200"/></a>		</td>
					<td>	<a href="book3.jpg" ><img src="book3.jpg" width="200"/></a>		</td>
				</tr>
				
				<tr bgcolor="greenyellow" align="center">
										<td bgcolor="yellow">书籍描述</td>
					<td>	改变你的坏脾气				</td>
					<td>	情商高就是说话让人舒服				</td>
					<td>	墨菲定律				</td>
				</tr>
								
			</table>
			
		</form>
		
		<iframe src="http://www.sina.com.cn" ></iframe><!--浮动框架-->
		
		</span>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/CWH0908/article/details/81237819