【黑马程序员】学习笔记 - Html开发

最新推荐文章于 2023-04-17 13:15:24 发布

一只彼尔德

最新推荐文章于 2023-04-17 13:15:24 发布

阅读量767

点赞数

分类专栏：技术博文学习笔记文章标签：黑马程序员编程技术 JAVA 学习笔记技术文章

本文链接：https://blog.csdn.net/arp1991/article/details/16813979

版权

技术博文同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

学习笔记

10 篇文章 0 订阅

订阅专栏

----------------------android培训、java培训、期待与您交流！----------------------

Html开发

概述：

HTML（HyperText Markup Language），超文本标记语言，是一种专门用于创建Web超文本文档的编程语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。使用HTML语言可以在其生成的文档中含有其它文档，或者含有图像、声音、视频等，从而形成超文本。
超文本文档本身并不真正含有其他的文档，它仅仅含有指向这些文档的指针，这些指针就是超链接。HTML是用来制作网页的语言，网页中的每个元素都需要用HTML规定的专门标记来定义。

font color="#FF66FF" size="12"/>设置字体
<img src="xxx.jpg" align="middle" height="100" width="100" border="1" alt="大家好我是图片"  />
<table title="我是表格的标题">
<th title="我是表头" >
</th>
<tr title="我是行标签">
</tr>
</table>
<a name="top" > 设置一个位置
<a href="#top" >设置一个点击到top位置的超链接
<frameset rows="30%,*"> 创建一个左边30%右边70% 的框架</frameset>
<form> 表单 里面可以使用input等标签，input有10种TYPE.此外还有select option这个下拉列表</form>
<br/>换行
<div> 整行区域</div>
<p> 段落 </p>
<span> 行内区域 </span>

此外截取自我自己的一个程序来表明input和select标签

		姓    名：
		<input type="text" name="user" alt="格式：首位字母，其他可以是字母数字下划线，不许超过10位。" οnblur="checkUser()"/>
		<br/><span id="userspan" ></span><br/><br/>
		
		密    码：
		<input type="password" name="pwd" οnblur="checkPwd()" />
		<br/><span id="pwdspan"></span><br/><br/>
		
		确认密码：
		<input type="password" name="repwd" οnblur="checkRePwd()" />
		<br/><span id="repwdspan"></span><br/><br/>
		
		性  别：
		<input type="radio" name="sex" value="male" class="radio" checked="checked"/>
		<img src="imgs/nan.jpg" height="50" width="40" />
			<input type="radio" name="sex" value="female" class="radio" />
			<img src="imgs/nv.jpg" height="50" width="40" />	<br /><br />	
		
		兴趣爱好：<input type="checkbox" name="hobby1" value="l" class="checkbox"/>睡觉
			<input type="checkbox" name="hobby2" value="4" class="checkbox"/>死宅
			<input type="checkbox" name="hobby3" value="8" class="checkbox" checked="checked"/>编程
			<input type="checkbox" name="hobby4" value="16" class="checkbox"/>游戏
			<input type="checkbox" name="hobby5" value="32" class="checkbox"/>运动 <br /><br/>
		
		选 择 方 向：<input type="radio" name="chos" class="checkbox" value="android" checked="checked"/>
		<img src="imgs/android.jpg" height="80" width="72" />
		<input type="radio" name="chos" class="checkbox" value="cloud" />
		<img src="imgs/yun.jpg" height="80" width="72" />
		<input type="radio" name="chos" class="checkbox" value="dnet" />
		<img src="imgs/wnet.jpg" height="80" width="72" /><br /><br/>
		
		居住城市：
		<select id="selid" οnchange="selectArea()">
			<option value="0">---选择城市---</option>
			<option value="1">---神の帝都---</option>
			<option value="2">---魔の魔都---</option>
			<option value="3">---圣の红都---</option>
			<option value="4">----钓鱼岛----</option>
		</select>		
		<select id="subselid">
			<option>---选择市区---</option>
		</select><br /><br />
		
		个 人 简 介：<br /><textarea name="introduce" class="textarea"></textarea><br />
		<button class="button1" ></button>

这是来自我自己做的一个网页~

此外，我们完全可以用一些很简单的代码来制作一个属于自己专用的IE主页，把连接加进去，使用会比较方便~~