【html】——初识网页的背后

【引言】

          我们在浏览网页的时候,都见到过地址栏中有写到http://……,相信对于http(HyperText Transfer Protocol都知道,老师告诉我们说这是超文本传输协议,通过输入地址我们可以访问到形形色色、五花八门的网页,网页上有文字、图片、链接等等,这些神奇的网页背后又有什么作为支撑呢?     那就是html(超文本标记语言)发挥作用了,下面随小编一起来认识一下吧!

【html定义】

            html(Hypertext Marked Language),中文叫做“超文本标记语言”,主要用来创建与系统平台无关的网页文档,“超文本就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素,它是一种描述性的标记语言,这和一般文件的不同的是,一个html文件不仅包含文本内容,还包含“tag”,也就是标记。后缀名是.htm或html。

【html简介】

       html 网页结构

       

      html总览

      

html元素

   1.   空元素     

<br>

    2.  带有属性的空元素
<hr color = "blue">

    3.  带有内容的元素
<title>http://www.baidu.com</title>

      4.  带有内容和属性的元素
<font color ="red">http://www.baidu.com</font>

  html元素用Tag(标签)表示,关于标签的特性如下:

  •    tag以“<”开始,以“>”结束;通常成对出现,比如<body></body>,起始的叫做开始标记,结尾的叫做结束标记;   
  •   标签的属性是可选的,可以写上它的属性,也可以不写;
  •   给属性赋值的时候,可以加双引号,也可以不加;
  •   标签和属性的名字是大小写无关的,<HTML>和<html>其实是一样的。
html字符实体(Character Entities)

       对于在html里有特殊含义的字符,比如“<”表示html标签的开始,“<”是显示不到页面中的,如果我们希望显示小于号,就要说到HTML字符实体了,一个字符实体分成三部分,"&符号" +“实体名字/“#实体编号” +“;”,比如,要显示小于号,我们可以写 &lt; 或者 &#60;。


html表格

<table>定义表格
    <tr>
         <th>定义表头</th>
    </tr>
    < tr>定义表行
          <td>……</td> 定义单元格
    </tr>
</table>

html列表

  排序列表:每个列表项前标有数字,表示顺序。

            排序列表由<ol>开始,每个列表项由<li>开始

  

 //排序列表
    <ol>
        <li>《java入门篇》
        <li>《java入门篇1》
        <li>

            《java入门篇2》
        </li>

    </ol>

效果:


 不排序列表:不用数字标记每个列表项,而是采用一个符号标志)(比如圆点)每个列表项

             不排序列表由<ul>开始,每个列表项由<li>开始

//不排序列表
    <ul type="circle">
        <li>《java入门篇》
        <li>《java入门篇1》
        <li>

            《java入门篇2》
        </li>

    </ul>

效果:


 定义列表:  定义列表通常用于术语的定义。

             定义列表由<dl>开始,术语由<dt>开始,术语的解释说明由<dd>开始,<dd></dd>里的文字缩进显示。

 //定义列表
    <dl type="circle">
    <dt>html
    <dd>超文本标记语言
    <dt>http
    <dd>
        超文本传输协议
    </dl>
效果:


html表单

       html表单是html页面与浏览器端实现交互的重要手段,利用表单可以收集客户端提交的有关信息。

       学习html表单最关键要掌握得有三个要点:表单控件、Action、Method。

       用户填入表单的信息总是需要程序来进行处理,action指明了处理表单信息的文件;而method表示了发送表单信息的方式,method有两个值:get和post,get是通过URL发送(你在地址栏中看到),传输数据量小,安全性低,如果只是为了取得和显示数据,用get;post是通过http发送,在地址栏中看不到,安全性高,所以,一般设计数据的保存和更新时,建议用post 。

      

       一些常见的html表单控件:

      

【后续】

       记是记不住的,养成随学随总结的好习惯, 代码需要多敲,多实践,想忘掉很难!

        不足之处请大家多提意见~~


    



      

  

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 60
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奔跑的大白啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值