第一天——html

发表于 更新于 分类于 ， 阅读次数： 评论数：

网页古老三件套——HTML学习笔记

  1. 格式
    1
    2
    3
    4
    <html>
        <head></head>
        <body></body>
    </html>
  2. 注释
    我觉得html的注释是真的麻烦，->’ <!-- 这是html的注释 -- > ‘
  3. 特殊字符
    html对特殊字符需要转义，不过多数计算机语言对此都有需求
结果 转义号
< #lt;
> #gt;
空格 #nbsp;
# #amp;
  1. 列表标签
  • <dl> </dl> 列表范围
    • 在dl里面 <dt></dt> 上层内容
    • 在dl里面 <dd></dd> 下层内容
  • <ol></ol> 表示有序列表范围
    • 属性 type：设置排序的方式（123，abc ……）
    • ol里面的标签为<li></li>
      <ul></ul> :表示无序列表的范围
    • 属性： type: circle(空心圆)、 disc(实心圆 默认)、 square(实心方块)
    • ul里面是 ‘<li></li>’
  1. 路径介绍
    表示上层路径 ../
  2. 超链接标签
    • 链接资源
        <a></a>
      herf:链接资源的目标地址
      target:设置打开的方式，默认是当前窗口打开
      _blank:在一个新窗口打开
_self:在当前窗口打开
  • 当该超链接不需要链接到任何地址，在href中加入“#”
    • 定位资源
      ** 用a标签定义一个位置 
      1
      2
      3
          <a name="top">顶部</a>
      回到所定义的位置
           <a href="#top">回到顶部</a>
  1. 表单标签
    用于向服务器提交数据
    • 属性
      action: 提交的地址，默认为当前的页面
      method: 表单的提交方式,一般使用两种提交方式，get和post
    • 大部分输入项使用 <input type=”输入内容”/>
    • 下拉输入项不在input标签中
         <select name="selName">
       <option value="val1">aaa</option>
       <option value="val2">bbb</option>
   </select>
   
      1
      2
      3
      4
      <select name="selName">
                  <option value="val1">aaa</option>
                  <option value="val2">bbb</option>
              </select>
  2. 框架标签
    • <frameset>
      • rows:按行进行划分
        格式<frameset rows=”200,*”>表示页面分两行，其中第一行的高度为200，剩下的页面为第二行
      • cols：按列划分
        格式为<frameset cols=”120,*”>,表示页面分两列，其中第一列为 120，剩下页面为第二列
    • <frame>
      • 具体显示的页面 使用框架标签时，不能写在body里面。故，当使用框架标签时，需要去掉body