HTML的个人见解

HTML总结

HTML是什么?

  • HTML是英文HyperText Markup Language的缩写,它的意思是超文本标记语言,用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),他是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板或者是专业的IDE如:Dreamweaver等等编辑工具来编写HTML文件。
  • HTML标记两端有两个符号“< 和 >”,这两个符号称为角括号。html标签通常是成对出现的,如“”和“”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,“”和“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。

HTML的文档结构

HTML的文档结构主要由以下三部分组成

1.

标记用于html文件的最前面,用来表示html文件的开始。而的标记则是放在html的最后 面,用来表示html文件的结束,两个标记必须一起使用。

2…

和构成html文件的头部部分,在此标记对之间可以使用 等等标记对,这些标记都是描述html文档相关信息的标记对, 标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。

3.

和是html文档的主体部分,在此标记可以包括

,

,

,
等等众多的标记,他们所定义的文本,图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。

    <head>

        <title>欢迎来到我的博客</title>

      <h1>欢迎学习HTML</h1>

title标记

1.这里面的文字会出现在浏览器视窗最上面蓝色部分里,作为网页的主题

这是我的html页面

分隔标记

  • 常用的分隔标记:

    强制断行标记

    强制分段标记

    空格“&nbsp;

    <br>的使用
    
     <html>
    
      <head>
    
          <title>强制断行标记的使用</title>
    
      </head>
    
       <body> 
    
    ​         Hello<br>
    
    ​         Word
    
       </body>
    
    </html>
    
    <p>的使用
    
      <html>
    
       <head>
    
        <title>强制分段标记的使用</title>
    
    </head>
    
    ​    <body>
    
    ​       Hello<p>
    
    ​       Word</p>
    
    ​    </body>
    
      </html>
    
    空格的使用
    
      <html>
    
      <head>
    
    ​    <title>空格的使用</title>
    
    </head>
    
      <body>
    
      Hello &nbsp&nbsp&nbsp Word。
    
    </body>
    
      </html>
    

    字体的标记

    <head>
    
       <title>标题标记</title>
    

        <h1>HelloWord</h1>  <br>
    
        <h2>HelloWord</h2>  <br>
    
        <h3>HelloWord</h3>  <br>
    
        <h4>HelloWord</h4>  <br>
    
        <h5>HelloWord</h5>  <br>
        <h6>HelloWord</h6>
    

    背景标记

    • 我个人觉的背景标记就是用来给背景添加颜色图片等一系列方法
     例子1:
    
       <html>
    
        <head><title>背景颜色</title> </head>
    
         <body  bgcolor="red">
    
         <font  size="4"  face="黑体"  color="red">从左到右分别为字体大小,字体的格式,字体颜色</font>
    
         </body> </html>
    
      例子2:
    
       <html>
    
        <head><title>背景颜色</title> </head>
    
        <body  background="你所需要添加的.jpg">
    
         <font  size="4"  face="黑体"  color="red">背景图片</font>
    
         </body> </html>
    

    标记

    • <img  src="boy.jpg"  alt="haha" align="left" border="0" height="56px" width="32px">
      //从左到又依次为 图片的地址 点击图片显示的信息 图片的位置 边界布局 高度 宽度序列标记
      

    序列标记

    1.无序列表< ul>

    2.有序列表

      3.自定义列表

      1.****无序列表**
       <html>
          <head>
           <title>无序列表</title>
          </head>
           <ul>
           <li>姓名:BestLee
           <li>生日:1998-11-11
           <li>星座:天蝎座
            </ul>
           </body>
         </html>
        
      2.****有序列表**
             例子:
      <html>
          <head>
           <title>有序列表</title>
          </head>
            <ol>
           <li>姓名:BestLee
          <li>生日:1998-11-10
            <li>星座:天蝎座
           </ol>
           </body>
         </html>
      

      表格

      表格的结构

      1.

      ...
      是用来在html页面上创建表格的。

      2.代表列名一般放在第一行

      3.代表格的一行。

      4.用来定义表格的一列。

      ​ 在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。

      表格的合并

      <td colspan="" rows=""></td>
      

      input标签

      标签的 type分为:

      text -文本框

      button -按钮

      submit-提交

      reset-重置

      password -密码

      checkbox-多选

      radio-单选

      file -上传文件

      date - 选取日、月、年

      month - 选取月、年

      week - 选取周和年

      time - 选取时间(小时和分钟)

      datetime - 选取时间、日、月、年(UTC 时间)

      datetime-local - 选取时间、日、月、年(本地时间)

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

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值