您的位置：首页 > Web前端 > HTML

HTML学习小结

2013-07-27 16:24 211 查看





HTML学习小结

一、首先是在学习过程中曾困扰我的几个问题：
1、同一页面如何创建锚点？
答：如：①、在顶端写入一个标签<a name=“top”>顶端</a>,再在需要跳转的位置写
<a href =#top>跳到顶部</a>.
2、</noframes>
当别人的浏览器版本太旧，不支持框架这个功能时，看到的页面就是一片空白。为避免这种情况，可以使用noframes标签，这样看到的就是<noframes> 与</noframes>标签里的内容，而不是一片空白。这样可以提醒浏览转至新的浏览器。应用方法：在<frameset>标记范围加入</noframe>标记。如：
<frameset rows="80,*">
	<noframes><body>很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。
		</body></noframes>
	<frame name="top" src="a.html">
	<frame name="bottom" src="b.html">
</frameset>

若浏览器支援框架，它就不会理会<noframes>里的东西。

3、<iframe>

Javascript中打开网页时，浏览器限制了网页运行时可运行的脚本，点击允许允许阻止的内容即可，切记切记！否则。。。

4、Javascript中alert()   而不是alter()   特别注意！

5、document.表单名.表单元素名.value      用于获取表单中输入的数据

6、window.document.myform.text    用于获取输入框的内容

二：对HTML全局部分的的理解
在运行HTML时，运用dreamweaver这一神器的软件，浏览器是必不可少的工具，也是“解释和执行”HTML源码工具。HTML中包括头部部分<head></head>和主体部分<body></body>。标签这一概念是HTML的重要元素，其中包括块级标签（成“块状”，前后隔一行）和行级标签（在一行内逐一显示）。典型的会计标签有：标题标签、段落标签和水平线标签。典型的行级标签有：图像标签<img>、范围标签<span>、换行标签<br/>.

下面是对常用于布局的块级标签的总结：

有序列标签、无序标签、定义描述标签、表格标签、表单标签、分区标签（<div></div>）

分区标签还可嵌入到<p>等标签中，作为普通块元素使用，也可做为容器。

另外，在实际开发火种常用的4中块状结构还有：

div-ul(ol)-li  分类导航或菜单

div-dl-dt-dd  图文混排

table-tr-td  图文布局或显示数据

Form-table-tr-td  布局表单

三、JS部分
Javascript是一种脚本语言，其作用时是：用户交互、动态更改内容和数据验证。

1、将JS嵌入网页的两种方法：

①、用<script>标签嵌入到HTML中

<title>无标题文档</title>
<script language="javascript">
	//js代码；
<script>


②、将JS源文件链接到HTML文件中，这样可以使HTML文件看起来更简洁。

<script language="JavaScript" 
    src= "文件名.js">
</script>

2、JS中一个重要概念是事件，可以给按钮监听事件，用事件来触发函数的执行。如：下面是一个打开和关闭窗口示例：

<HTML>
<HEAD>
<TITLE>使用 Window 对象</TITLE>
<SCRIPT>
var w;
function openwindow() 
{
  window.open("google.htm");

}
function closewindow()
{
  window.close();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="打开窗口" onClick="openwindow()">
<INPUT TYPE=button VALUE="关闭窗口" onClick="closewindow()">
</FORM>
<BODY>
</HTML>


 


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航