【HTML】快速掌握 html 常用标签

来源:互联网 发布:linux添加用户组命令 编辑:程序博客网 时间:2024/06/11 12:38

       学习完HTML视频后,印象比较深刻的就是html的标记和标签。这篇博客就简单来了解有关html的那些事儿!

 

什么是HTML

      easy的一个例子,已经成为我们日常生活中不可或缺的万维网 web,它就是由 html 编写的。web网页也是一种文档。

      含义:HyperText Markup Language,中文解释为超级文本语言。什么是超文本呢?超文本是指页面包含图片、链接、音乐、程序等非文字元素。

      作用:HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

 

      我们首先要明确的是HTML它是一种语言,用于什么的语言呢?用于为创建网页设计的标记语言。html作为超文本标记语言,其中“标记”二字可以明确html主要内容就是标记。      

 那么下面我们就来了解html语言的基本单位——html标签。

 

html标签

          Html是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文档的格式定义是由html元素来完成的html标签是html语言中最基本的单位。html元素是指由单个或一对标签定义包含的范围。

          html标记标签通常称为html标签。

         一个标签就是左右分别有 <>两个尖括号。开始标签没有“/”为 <>结束标签 以/开头</>

         举例:

                 

 


 

  html元素的四种形式:

  空元素  <br>

  带有属性的空元素  <hrcolor="blue">    

  带有内容的元素 <title>http://www.http://blog.csdn.net/w15732624773.</title>

  带有内容和属性的元素 <fontcolor="red">http://blog.csdn.net/w15732624773.</font>

      

        注意事项:

                      1.属性值可以加双引号,也可以不加双引号

                  2.标签和属性不区分大小写

                  3.如有多个空白字符,会解析为一个字符。


                                                                                                                 

 

 

常用标记

 

        1.段落控制:

 <p align="#"> 创建段落,align段落对齐方式

 <br> 换行

 <hr color="clr"> 插入一条水平线 

 

        2.与文本相关:

      <center> 文本居中显示

<hnalign="#"> 文档标题

<fontsize=n color="clr"> 设置字体大小颜色

<b>文本成粗体

<i>文本斜体

     

        3.特殊字符:

 字符引用和实体应用都以 和号& 开始 以;结束后加十进制、十六进制代码 助记符


                           

 

        4.列表

<ol> 标签 strat属性

<li>value属性

 type属性取值

 

        列表-无符号的列表

<dl><dt>  列表无符号

<dd>缩进列表

 

        5.表格

 <table>

 <caption>定义表格的标题

 <tr>新行

 <th>表头

 <td>定义单元格

 

        6.<form>表单

 <input> 元素接受用户输入的信息

 单行文本输入text

 提交按钮 submit

         重置 reset

 口令输入 password

 单选 radio

 复选框 checkbox

         隐藏 hidden   保存信息,页面查看不到

 

        7.超链接 URL定位Internet资源

         URL uniform resource locator 同意资源定位符

         组成:协议 主机名称 文件目录、文件名

 

小结:

         html的标签了解和认识是学习的其中一个部分,为了更好的掌握,我们需要多动手实践出来,html的实践很直观,通过网页的效果,可以很好的检验html语言的使用。UltraEdit这款软件就可以很好的帮助大家实践html语言的学习,自己也要多多实践!继续加油!


 

0 0
原创粉丝点击