900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 【黑马程序员】 学习笔记 - Html开发

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

时间:2020-02-27 06:58:12

相关推荐

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

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

Html开发

概述:

HTML(HyperText Markup Language),超文本标记语言,是一种专门用于创建Web超文本文档的编程语言,它能告诉Web浏览程序如何显示Web文档(即网页)的信息,如何链接各种信息。使用HTML语言可以在其生成的文档中含有其它文档,或者含有图像、声音、视频等,从而形成超文本。

超文本文档本身并不真正含有其他的文档,它仅仅含有指向这些文档的指针,这些指针就是超链接。HTML是用来制作网页的语言,网页中的每个元素都需要用HTML规定的专门标记来定义。

标签:

HTML是通过标签来定义的语言,代码都是由标签所组成。 HTML代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成 其中,头部分最先加载,用于给HTML页面增加一些辅助或者属性信息,它里面的内容会最先加载,而体部分是真正存放页面数据的地方。 多数标签都是有开始标签和结束标签,其中有告个别标签只有单一功能,或者没有要修饰的内容,可以在标签内结束。 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。 属性与属性值之间用"="连接,属性值可以用双引号火单引号或者不用引号,一般都会用双引号,或者公司规定的规范。 格式:<标签名 属性名='属性值'> 数据内容</标签名> 或者<标签名 属性名='属性值'/> 操作思想:为了操作数据,都要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。 而标签就相当于一个容器。对容器中的数据进行操作,就是在不断的改变容器的属性值。 一般的HTML文件格式

<html><head>...</head><body>...</body><html>

常用标签的使用: <title>我是标题</title> 标题.. 纯手打啊。。。。。

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主页,把连接加进去,使用会比较方便~~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。