html基础认知

                                                                           HTML基础认知

     之前学习过一段时间的HTML,后面又放弃了,最终确定下来,以前端开发作为自己以后的专业走向,因此再一次的重新学习HTML。

   HTML(Hyper Text Markup language)超文本标记语言,HTML命令可以来说明文字、声音、图片等。

   标签:html标签由左右尖括号加关键字构成,通常成对出现,例如:<html></html>;其中也还有单标签,又例如:<br/>。

   属性:用于提供更多的标签说明,让标签更加具体。例如: <a  href="属性值"></a>,其中的herf为属性,属性值是用来说明属性的,其值根据不同的情况来确定。属性值是多少都有明确的规定具体参考http://www.w3school.com.cn/

   刚开始接触时首先要明白这几个标签,<html>根标签   <title>定义文档  <head>定义“头部” <body>定义“躯体”,其次需要明白以下属性及其属性值,lang="zh-cn" ,charset="utf-8", lang属性用于规定元素内容语言,charset规定在外部脚本文件中使用的字符编码,utf-8是unicode的升级版本,能表示世界上的所有语言,确保文本不是乱码。

   常用的几个标签,<strong> <em> <p> <h1>~<h6>  这一类的标签是成单使用,<ol><li>与<ul><li>是成组使用,<form>表单元素,成表单使用。具体用法可以参考http://www.w3school.com.cn/html/html_form_input_types.asp。在所有标签中最常使用的两个标签是<div> <span>相对于<spn>而言<div>仅有的就是一个换行作用,这两个标签常用作容器,用于搭建网页的基本组成。

  以下为这些常用标签的使用实例:

           <ol type="1" start="2">                        //此为有序列表,其中的type和start为其属性

                  <li>苹果</li>

                  <li>橘子</li>

                  <li>香蕉</li>

          </ol>

 

         <form method="get" action="">            //此为完整的登录表单

               username:<input type="text"  name="fname">

                password:<input type="password"  name="fpasswoed">

                <input type="submit" value="submit">

         </form>

 

         <a href="http://www.baidu.com">baidu</a>

        <a  href="tel:11598768452">打电话</a>

         <a>标签的四个作用     1.用作链接  2.用作锚点  3.用作打电话,发邮件  4.协议定义符

        单选框与复选框

        单选框

       <form>

          male  <input  type="radio"  checked="checked"  name="Sex"  value="male">   //其中checked表示默认值

          female <input  type="radio"    name="Sex"  value="female">

       </form>

        复选框

       <form>

          苹果  <input  type="checkbox"  checked="checked"  name="fruit"  value="anple">   //其中checked表示默认值

          香蕉 <input  type="checkbox"    name="fruit"  value="balana">

          橘子 <input  type="checkbox"    name="fruit"  value="orange">

       </form>

       大致经常使用的几个标签需要自己牢牢的记住,在最初也不需要知道太多标签的用法,在后面的学习过程会使用到很多的标签,在不同的项目里面,不同的情况下的使用情况。具体每个标签的使用及其属性代表的意思,请参考http://www.w3school.com.cn/h.asp

 

 

猜你喜欢

转载自blog.csdn.net/care_yourself/article/details/82946645