zoukankan      html  css  js  c++  java
  • HTML5基础与列表、表格

    HTML是标记语言,HTML由一套标记标签(Markup Tag)组成,在制作网页时,使用标记标签来描述网页

         网页编辑工具:记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。

         标签都是成对出现的,有一个开头标记就对应地有一个结束标记,以“< >”开始、以“< / >”结束,要求成对出现,标签之间有缩进,体现层次感,方便阅读和修改。

     HTML5的基本结构分为两部分:头部(head)和主体(body)。

    @   <head> ... </head>  网页头部
          <body> ... </body>  主体部分

    1.HTML的基本结构 

    <html>
    <head>
         <title>我的第一个网页</title>
    </head>
    <body>
         我的第一个网页
    </body>
    </html>
    

     < body>、</body>等成对的标签,分别叫开放标签和闭合标签单独呈现的标签(空元素),如 <hr/>  ;意为用  /  来关闭空元素

    2.网页基本标签有哪些?它们的作用是什么?

         标题标签         <h1>…</h1> ~ <h6>…</h6>  /  <title>

           段落标签         <p>…</p>

           换行标签         <br/>

           水平线标签       <hr/>

           字体样式标签
                  加粗:<strong>…</strong>   /  <b>...</b> 
                  斜体:<em>…</em>   /   <i>...</i>
           图像标签:       <img/>---------(单标签)
           超链接标签:     <a>...</a>
           有序列表标签    <ol>   <li>...</li>    </ol>
    3.图片标签<img src="path" alt="text" title="text"  width="x"  height="y" />
                 src            图片路径
            alt            图片无法加载时的替换文字
            title          鼠标悬停提示
            width          图片宽度
            height         图片高度
    4.超链接标签<a href="path" target="目标窗口位置">链接文本或图像</a>
            href 链接目标路径
            target 新窗口打开或本窗口打开
            _blank:新建一个窗口跳转
            _self:本页面刷新
    5.在HTML中支持哪几种列表?
        列表:有序列表
              无序列表
              定义列表
       
    重点:无序列表及使用场景
    6.超链接有哪些分类?
       应用场合
             页面间链接
             锚链接
             功能性链接
    7.表格
         表格标签<table>……</table>
         行标签<tr>……</tr>,可以有多行
         单元格标签<td>……</td>,可以有多个单元格
         表格的跨列
    (colspan)
              指单元格的横向合并
         表格的跨行
    (rowspan)
              指单元格在垂直方向上的合并
    8.HTML标签常用属性

    9.alt属性和title属性的区别

         区别:alt  图像的替代文字          title   鼠标悬停提示文字

  • 相关阅读:
    C++ 类的静态数据成员&静态成员函数
    C++构造函数
    世界末日的梦
    C++ const关键词
    平安夜的礼物
    C++ 友元
    D3D中的光照
    C++网络编程(卷1):学习笔记(一)
    Python 教程阅读笔记(四):数据结构
    Python 教程阅读笔记(三):更多控制流工具
  • 原文地址:https://www.cnblogs.com/yun---meng/p/12662811.html
Copyright © 2011-2022 走看看