emmmmm,最近刚刚结束Java SE的课程,紧接着又进入WEB的学习中。课程非常紧张,学习压力一下子增加了。不能够很好地管理和安排自己的时间。导致好几天没有把自己的笔记搬到博客上。接下来,主要总结一些心得笔记。技术性方面的代码项等到接手项目后再与大家分享。另外,Java SE中有关反射,多线程的总结没能及时更新上。等放假有空再一并更新。
以下是HTML学习心得:
一、前言
HTML文本又称为超文本标记语言,英语全称为Hyper Text Markup Language。是一种可以组织文本,链接,图像,媒体等元素的网页编辑语言,它的语言结构由标签构成。在计算机编程语言中,HTML算是一种低级语言,与Java、C++等可编译的高级语言相比,HTML不具备有编译发现错误的功能,之前有XHML这样较为严谨升级版语言,但是并没有获得浏览器厂商的认可。因为HTML这种不严谨,使多数人花少部分时间即可学好。因此在编写网页的时候,除了特别小心,时常运行查看效果以外,还是建议少使用HTML标签代码。一些修改元素外观的功能,建议使用CSS样式来代替标签。
大部分网页都有文本、超链接、图像、声音、视频等元素,因此这些元素是使用频率比较高。HTML有近百个标签,大部分不常用记住了也没用,简单地了解一下即可。现在总结一些比较常用的标签。
一、块级标签、内联标签:
在学习之前,有必要了解一下块级标签和内联标签这两个概念。
块级标签指的是该标签必须独立存在一行。
内联标签可以多个标签一起存在一行。
常见的块级标签:<p>标签,<div> ,<ul>,<table>,<font><input><h1-h6>等
常见的内联标签:<a>标签,<img>标签,<a><meta><title>等标签,
二、标签:
1.超链接标签<a>
超链接标签是一个使用频率极高的标签,可以存放一个指向其他链接的链接。其属性有
Href:存放链接的路径:可以是本地的一个网页硬盘存放路径,或者是以”http://”开头的网站网址。
Target:打开的方式。_self是直接本页跳转到其他网页。_blank是打开一个新窗口
另外超链接还有锚点定位一个网页不同位置的功能。
2.文本标签
<p>标签是文本标签,是一个块级标签。声明一个p元素独立一行。
<h1>~<h6>标签是标题标签。该标签不仅仅是一个使文本加大加粗的标签。搜索引擎在定位你的网页时也定位你的标题,因此SEO方面要慎用标题标签
<hr>一个直线间隔标签
<br>折行标签。空的块级标签。
另外像<br> <font><b><strong><u>等改变文本样式的老式标签已经逐渐被淘汰,这些功能在css中都具有,因此不用掌握
图像标签:
<img>标签能存放图片。其属性有src 存放图片来源;width,height属性修改图片的大小;alt 属性:当图片找不到的时候给用户的提示
这里想总结的是src的路径问题:例如
<img src="cs10006.jpg" />在同一级路径
<img src="./cs10006.jpg" />上一级路径
<img src="../cs10006.jpg" />上两级路径 一个“.”号表示向上翻一个路径
3.列表标签:
掌握无序标签<ul><li>系列:<ul></ul>是声明一个无序标签,是一个能独立一行的块状标签。<li>标签是<ul>里面的每项标签声明。通过样式可以修改无序标签的前面的点号。常用来做网站的导航
4.表格标签
<table>标签 ,是块状标签。声明一个表格。其子标签有
<tr>一行
<td>一列
格式如下:
<table>
<tr>
<td></td>
</tr>
</table>
掌握属性:
Width 表格宽度
Height 表格高度
Border 表格的边框厚度
Align:表格位置
表格合并 :
<td>的属性:
* colspan =”列数”
* rowspan =”行数”
在没接触CSS的div和浮动布局之前 ,可以用表格标签嵌套表格标签的形式来对一个页面进行排版
利用表格嵌套来做布局。还是比较麻烦的。没有理解好高度与宽度的定义
5.<form>表单标签:
使用<form>表单标签可以将网页上用户的请求和输入的数据提交到服务器上。这个标签要用在需要提交请求的最外层。
<form>标签的属性有:
1.action:提交给哪个页面或者服务站点的链接。默认为提交到当前。
2.Method属性:有get值和port值。
Get值内容透明,会将用户提交的数据显示在地址栏中,并且提交的内容长度有限制。而port提交方法将数据封装在请求包中,对用户隐藏。并且提交的内容长度不限制。
从功能上来看,get方法几乎比不上port方法。大部分情况下选用port
3.组件:
使用form的表单组件,要注意每个组件都要有属性name字段,不然将是一个没有意义的标签。主要掌握<input>标签组件。根据其属性type,组件的类型有:文本框text,密码框:password,单选按钮radio,多选框:checkbox;普通按钮button,上传文件组件file,提交按钮submit。隐藏域hidden。
另外有两个不属于<input>组件的是下拉框<select><option>组件;还有文本域<textarea>
另外html5有添加一些新的form组件,由于没有全兼容浏览器不做掌握。