当前位置:  首页  >  前端开发  >  HTML

H5学习入门-html教程

【块级标签与行级标签的区别】1.块级标签:默认宽度100%(独占一行)自动换行(右边不能有任何东西)可以使用css设置宽度高度 2.行级标签:内容宽度,由内容撑开(内容多宽,宽度就占多宽)不会自动换行(从左往右依次排列) 【常见的行级标签】span(文本)img(图片)em(强调)strong(强调)q(短引用)a(超链接)i(倾斜)b(加粗

【块级标签与行级标签的区别】

1.块级标签: 默认宽度100%(独占一行)

自动换行(右边不能有任何东西)

可以使用css设置宽度高度

2.行级标签: 内容宽度,由内容撑开(内容多宽,宽度就占多宽)

不会自动换行(从左往右依次排列)

【常见的行级标签】

span(文本)

img(图片)

em(强调)

strong(强调)

q(短引用)

a(超链接)

i(倾斜)

b(加粗)

small(缩小字体)

【em/strong i/b】区别

①em和i都能倾斜,strong和b都能加粗,但是,i和b仅仅是单纯的倾斜,em与strong多了强调的语义

②em和strong都表示强调,但是strong强调的级别更高

注意: 强调的目的,让1搜索引擎知道网页的重点内容,但与搜索引擎检索

strong和em都可以多层嵌套,表示强调程度的递增

三大引用标签

百度

q标签:表示短引用

cite属性:用于声明引用的来源

用于引用一段内容

引用作品名,书画名

相同点:三大引用标签,都用cite声明引用来源

不同点:1.引用的内容不同

q->一句话 blockquote->一段话 cite->作品名

2.显示的默认效果不同

blockquote->默认整段向右缩进

q->默认加引号

cite->默认倾斜

img

相对路径:

1.图片与当前文档在同一层文件夹,直接写图片名

2.图片在当前文档的下一层文件夹,文件夹名/图片名

3.图片在当前文档的上一层文件夹,../图片名(../表示后退一层)

图片必须包含在项目里面,不能访问项目外的图片

align:

top->图片顶部,center->图片居中,bottom->图片底部

以上就是H5学习入门的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有