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

       在所有的标签认识的过程中,最需要注意的就是要区分以下的内容

  行内元素:  (inline)                                                                      块级元素:  (block)          

  1.和其他元素都在一行                                                                       1.总是从新的一行开始

  2.高度、宽度以及内边距都是不可控的                                              2. 高度、宽度都是可控的

  3.宽高就是内容的高度,不可以改变                                                  3. 宽度没有设置时,默认为100%

  4.行内元素只能行内元素,不能包含块级元素                                    4.块级元素中可以包含块级元素和行内元素

  行块级元素:(inline-block)

   1.内容决定大小      2.可以改变宽高

  它们之间的特性,可以通过css中的display所展示的三个值来改变它们之间原有的性质

  常用的行内元素:span  strong  em a  del

  常用的块级元素:div  p ul  ol  li  form   address

  常用的行级块元素:img

    

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值