[2019-12-02]HTML与CSS进阶教程学习DAY 1(01-02章)

1、网页链接图标

<link rel="shortcut icon" type="image/x-icon" href=""/>

2、标签语义化

①一个页面只能有一个h1标签

②h1-h6之间不要断层

③不要用div代替h1-h6

3、图片语义化

①alt属性,使搜索引擎知道图片内容❤❤❤

②title属性,给用户看的图片描述

③figure元素包含图片和图注,figcaption包含图注

4、表格语义化

<table>

<caption>标题</caption>

<thead>

<tr>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<td></td>

</tr>

</tbody>

<tfoot>

<tr>

<td></td>

</tr>

</tfoot>

</table>

5、表单语义化

①label标签

<label for="name">用户名</label><input type="text" name="name" id="name"/>

②fieldset与legend标签

6、<br/>只用于段落间的换行,即p标签内。不用于元素间间距设置。

7、img标签和backgroung-image区别:

如果图片仅仅起修饰作用,不用被检索到,则用做背景;否则用img标签爱、。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,154评论 0 0
  • 第一章 1、使用浏览器去访问的程序,叫网页 2、web代码存放在服务器 代码分为两种:① 运行在浏览器端:前端代...
    fastwe阅读 3,440评论 0 2
  • HTML 注释 HTML 标签分类(按照功能): 文本的修饰,文字排版,图片,链接,表格,列表,表单,框架 ,语音...
    Ethan_Lan阅读 462评论 0 0
  • 学习目标: 了解html的基本结构 掌握标题标签: 掌握段落标签: 掌握通用块标签: 掌握图片标签: 掌握超链接标...
    husky_1阅读 2,551评论 0 12
  • 一、盒模型 1、border:0与border:none 2、垂直外边距叠加 ①兄弟、父子、空元素 ②针对bloc...
    学习再学习的纳兹米酱阅读 103评论 0 0