初次学习HTML的基础总结

我之前学习的是java的基础,想要继续深入学习java,由javaSE到javaEE过渡,中间需要学习mysql,jdbc html,css,javascript,之类的技术,今天是我刚刚开始写博客的时间,也是那么刚刚好,我学习了html的基础知识,现在我来总结一下我所学的一些东西。

html是一种超文本语言,简单易学,是一门不错的语言,同时他可以被浏览器识别,通过发送请求来和服务器取得联系。并且对大小写并不敏感

html并不是一门很高深的语言,首先从结构上来说,他的结构类似我们身体的组成.

<!DOCTYPE html>

<html>

<head>

<meta charset = "utf-8">

<title>标题</title>

</head>

<body>

网页内容

</body>

</html>

第一句话是固定不变的,然后有一个html的标签在最外面,在里面有头和身体,头部有一些必要的信息,比如编码规则,标题之类的,然后主题部分在身体里面。

在了解完结构之后,其实我们就可以写一个hello world 的html文件了。当然要写出好看的html页面出来并不是辣么简单的,现在学习一些基础的东西。

   
文字
排版:
段落标签<p></p>
换行标签:<br/>
标题标签:<h1>~<h6>
文字居中标签:<center><center>
文字缩进标签:<blockquote>

文字列表
ul--无序列表 <ui>
<li></li>
</ul>

ol--有序列表

属性
排版:align
背景颜色:bgcolor
文字样式:font

设置文字的特殊样式
加粗 <b>
斜体 <i>
下划线 <u>
删除线 <s>
强调 <strong>
加强 <em>
放大 <big>
缩小 <small>
用来显示电子邮件 <address>
代码 <code>

特殊符号
< <
> >
版权 ©
上标 <sup></sup>
下标 <sub></sub>

图像:<img src="">
当图片不能加载的时候可以使用 alt = "" 来标注
当需要为图片加简短说明的时候,可以使用 title= “”效果是当鼠标停留在图片的时候会在鼠标下显示

超链接
文字超链接---<a herf = "">文字</a>
图片超链接----<a herf = ""><img src=""></a>
如果要实现在另一个页面打开的话 添加属性 target = "_blank"
框架---<frameset>
<frame>
</frameset>
可以使用cols = “50,30,*”将页面水平分成3部分,或者是使用rows竖排分成几部分
框架和框架之间是可以联系的,使用的是 name = “名字”,然后另外一个是target = “名字”
还可以在网页里面生成一个网页窗口,使用的是<iframe></iframe>

表格
标签--<table></table>
行 <tr><tr> 列 <td></td>
合并行 colspan = 值
合并列 rowspan = 值
cellpadding 设置内容和边框的距离,单位是px
cellspacing 设置两个单元格之间的内容 单位是PX

表单——为了提交数据给服务器
标签 <from></from>
文本框:<input type = "text" ....... />
密码:<input type = "password" ...... / >
文本域:<textarea cols = "2" rows = "10”></textarea>
单选框:<input type = "radio" name = .../> 同一类的选项name的值必须相同,不然的话不能实现只能选择一个的功能
复选框:<input type = "checkbox" name = ....../>同一类的name的值也要相同,这样会使后面的操作更加简便。
下拉选择框:<select>
<option value = “返回值”>选项</option>
</select>
按钮:提交<input type = "submit" />
普通<input type = "button"/>
文件上传:<input type = "file"/>
如果想要有对齐的方式,我们可以采用表格的形式来嵌套,

容器
DIV 是一个块元素。允许嵌套
span 是一个内联元素,多作用于文本域中。
 


最后如果有什么错误的地方或者更好的建议,请留言。只要可以帮助到我这个刚刚入门的小白的,我都会认真听取的,并且十分感谢。

猜你喜欢

转载自blog.csdn.net/blingzeng/article/details/52388478