记录一下html的基础语法

html:

<!-- 注释 -->
<html>
    <head>其中的内容不会在浏览器中显示
     <title>浏览器的窗口标题
     </title>
     <meta>页面的元信息
     </meta>
     <style>
     </style>

   </head>

    <body>网页的主体部分
       常见属性
         bgcolor 背景颜色  text文本颜色 link链接颜色 vlink已经访问了的链接颜色 alink正在被点击的链接颜色
         如:<body bgcolor="red"></body>
         topmargin leftmargin
       格式标记:
         <br/>强行换行单标记(多个空格和回车在html中等效为一个空格)
         <p>换段落标记 <center>居中对齐标记</center> <pre>预格式化标记</pre> </p> 
         <ul>无序列表标记  <li type="1/A/a">项目列表标记</li> </ul>
         <ol type="1/A/a/I" value=" "(指定一个新的序列数字起始值)>有序列表标记  <li>项目列表标记</li> </ol>   
          列表标记可嵌套
         <dl> <dt>软件说明</dt> <dd>简单介绍软件的功能及基本应用</dd>
              <dt>软件界面</dt> <dd>用于选择外观</dd>
         </dl>
         <hr>水平分割线单标记
         <div> 分区显示标记</div>
       文本标记:
          <hn>标题标记 6个级别h1-h6</hn>
          <font>字体设置标记</font>(size字体大小1-7默认3  color字体颜色 face字体)
          <b>粗字体标记</b>
          <i>斜字体标记</i>
          <sub>文字下标字体标记</sub>
          <sup>文字上标字体标记</sup>
          <tt>打印机字体标记</tt>
          <cite>引用方式的字体,通常斜体</cite>
          <em>表示强调,通常斜体</em>
          <strong>强调,通常粗体</strong>
          <small>小型字体标记</small>
          <big>大型字体标记</big>
          <u>下划线</u>
      图像标记:单标记
          <img src="路径/文件名.图片格式" width="px/em/cm/mm/%" height="" border="图片边框厚度">
          <img alt="">作用:当网页上的图片加载完成后,鼠标移动到上面,会显示这个图片指定的属性文字
                            如果图像没有下载或者加载失败,用文字来代替图像显示
                            搜索引擎可以通过这个属性的文字来抓取图片
     超链接:
      <a href="" target="打开方式" name="页面锚点名称">链接文字或图片</a>
                 target:_blank 在新窗口中打开链接
                        _seif 在当前窗口中打开(默认)
                        _parent 在父窗口中打开(框架中使用较多)
                        _top 在顶层窗口中打开文件(框架)
                 name 可用于页面内的跳转如:<a href="#dibu">跳转到页面底部</a> <a name="dibu"></a>
      表格:
             <table width="" height="" border="" align="right/center/默认left"(对齐方式)
                    cellspacing=""(单元格之间的间距)   cellpadding=""(单元格内容与单元格边框的显示距离) 
                    frame="void(无边框)/above(仅顶部有边框)/below(底部)/hsides(顶部加底部)
                           lhs(左侧)/rhs(右侧)/vsides(左右)/box(包含全部四个边框)/border(4)"(控制表格边框最外层的四条线框)
                    rules="none(默认值)无分割线/all/rows(仅有行分割线)/clos(列)/groups(仅在行和列组之间)"(控制是否显示以及如何显示单元格之间的分割线)
              >
                    <caption align="top/bottom/left/right">表格的标题</caption>
                    <tr bgcolor="" align="bottomo/top/middle" valign="left/right/center"(水平对齐方式)>表格的一行 
                        <th>单元格表头标记默认加粗</th>  </tr>
                          td和th的属性:bgcolor align valign width height rowspan(单元格所占行数) colspan
                    <tr>表格的一行 <td>单元格数据标记</td>  </tr>
             </table>
     
    </body>

   <frameset cols="px/% *,*表示分割成多少个" rows=""上下窗口 frameborder="0不显示边框/1显示" border="">
       <frame/>子框架单标记
           属性:src加载网页文件的URL地址
                 name框架名称,是链接标记的target
                 noresize 表示不能调整框架大小,没有设置时可以调整
                 scrolling 是否需要滚动条="auto(根据需要自动出现)/yes/no"
                 frameborder="0/1"
       <frame/>          
    </frameset> 框架

    <form action="服务器端地址(接受表单内容)/no"  name="表单名称"   method="get/post"    enctype= target=>
          <input type="text(文本域)/password(密码域)" name="控件的名称" value="文本框中的初始内容" size="控件的长度" maxlength="输入框中允许输入的最大字符数"
                 type="submit(提交按钮)--考虑get(默认)和post/ reset(重置按钮)/button(普通按钮)"
                 type="radio(单选框,当name值设置一样时可形成只能选择一个)/ checkbox(复选框 checked默认选中项)"
                 type="hidden"(隐藏域)
                 type="textarea"(多行文本域) name rows=""行数 cols=""列数
             <select name= size= multiple(可多选) >  <option value= selected></option>   </select>
    </form>表单标记

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值