zoukankan      html  css  js  c++  java
  • web2.0技术开发教程1.1(HTML)——HTML基本标签解释

    最近在做web2.0的课程设计,因此便有了第一次在博客园写东西的想法,也不知道从何开始写起好,现在是3点21分,今天就先从HTM基本知识开始写起吧。

    由于以前受到很多人的帮助,包括同学老师和论坛的大神们,因此掌握了一定的计算机编程知识。而一直受到老师传递这一说法,因此把自己这11年所学的全部技术进行分享。

    有什么地方写得不对的,请各位博友提醒,以便修改。

    一、标签是什么

    我们可以看到的网页源代码里面有很多<>组成的短句,它们就是标签。html(超文本标记语言)是一门由标签组成的语言,下面举个例子。

    <input type="text" id="txt" value="文本框"/>
    

      

    这个就是个输入文本域的标签,一般标签是由</>组成的,必须是一对出现,而有些标签格式是 <xxx>内容</xxx>这样的。

    <input/>这个标签中有一些属性,< 左边的尖括号后面跟着的必定是这个标签的名称,浏览器就会根据标签来显示控件。

    input这个标签就在表单中大多数是用来输入数据的。

    type这个属性就是输入标签的类型,我们这里是text,也就是一个文本输入框(或者叫输入文本域)。

    id就是这个标签的唯一的特有标识,在网页中选取这个标签就用到id这个属性,一般这是唯一的,不可重复的。

    value就是这个标签的初始值。

    如果不太清楚这个标签的属性的话,可以到www.w3school.com.cn这个网站上看,这个网站是一个web技术的参考手册,里面详细记录标签的属性意义。

     

    二、HTML的大体框架,即重要的标签

    在HTML中,一些标签是有他的规定的顺序的,也就是网页设计的规范。

    一般是以下的顺序,初学者最好根据这个顺序来编写网页代码。

    <!DOCTYPE HTML>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    </head>
    <body>
    </body>
    </html>

    那这个框架是什么意思呢,<!DOCTYPE HTML>告诉浏览器这个是哪一种规范的文档,DOCTYPE后面只写一个HTML是HTML5的写法,在HTML4里面还有3种写法,以后我们会一直以HTML5为例讲解。

    紧接<!DOCTYPE>标签后面的是html标签,这个标签是告诉浏览器这是一个html文档。

    下面的是<head></head>,学过C++、C#、objective-c或者是JAVA等高级语言的知道在头部可以引用库文件,然后在这里可以做什么呢。

    可以作为一个引用功能,包含脚本js、样式表css、网站图标ico等各种信息,这个标签里面还嵌了一个<title></title>,里面的元素就是这个网站的标题。

    在head后面的,是<body></body>这个标签,这个标签是很重要的,它里面包含的内容是这个网页的主体部分,即要显示的内容(文本、图像、超链接等内容)。

    在这里我们可以看到很多信息,标签是需要逐层嵌套的。

    大家不清楚的可以到参考手册里面去看,因为在写程序的过程中,不可能把全部知识都记住,因为实在是太多了。我在写文章的时候也是不断地参考资料的。

    三、总结

    这一章给大家介绍了一下HTML标签的基本定义和基本框架,一般做网页开发的程序员,无论是做asp.net、JSP或是PHP等,必须装多个浏览器,一般是chrome,IETESTer和目前比较流行的浏览器。下一章给大家介绍网页布局以及HTML编写风格。

     

  • 相关阅读:
    ABBYY Cup 3.0G3. Good Substrings
    Codeforces Beta Round #94 (Div. 1 Only)B. String sam
    hdu5421Victor and String 两端加点的pam
    loj#2059. 「TJOI / HEOI2016」字符串 sam+线段树合并+倍增
    Codeforces Round #349 (Div. 1)E. Forensic Examination
    ACM-ICPC World Finals 2019 G.First of Her Name
    51nod1647 小Z的trie
    LOJ #10222. 「一本通 6.5 例 4」佳佳的 Fibonacci 题解
    POJ 2443 Set Operation 题解
    CSP-J 2019游记
  • 原文地址:https://www.cnblogs.com/44iter/p/2804313.html
Copyright © 2011-2022 走看看