首页 > Web开发 > 详细

HTML5基础与列表、表格

时间:2020-04-08 22:26:46      阅读:75      评论:0      收藏:0      [点我收藏+]

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   鼠标悬停提示文字
技术分享图片

 

 

 

HTML5基础与列表、表格

原文:https://www.cnblogs.com/yun---meng/p/12662811.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!