html标签(入门)基本常用简介

最新推荐文章于 2024-10-27 15:17:53 发布

玖木

最新推荐文章于 2024-10-27 15:17:53 发布

阅读量191

点赞数

文章标签： html5 css html

本文链接：https://blog.csdn.net/qq_46510107/article/details/105206052

版权

html标签(入门)

<img scr =‘’ 地址’’ alt=‘’图片介绍‘’>

<video scr=‘’地址’’ controls =‘’controls’’><video>
(controls给视频文件添加播放按钮)
(淘汰标签autoplay=‘’autoplay‘‘自动播放视频插件，占用浏览器资源默认关闭)

<audio ’scr=’‘地址’‘controls=’‘controls’‘></audio>
<a href=‘’地址’’ target=‘’_self (_black )’’></a>默认情况下原网页跳转
 _black另起网页转超链接
 <p></p>引用大段文字
 <blockquote><blockquote>引用标准文字格式
 <pre></pre>保留引用前原文字格式
<br/>换行标签 单标签 标签后一句进行换行
<hr/>单标签 水平线标签 前一句下面出现水平线（单标签后/可写可不写效果一样）

概念：独占一行的标签为块级元素
可以和别的元素，和同个标签占一排的叫行内元素

块级元素独占一行（可以嵌套任何元素）
div h ul ol li dl dd dt p…
行内元素并列一行（只能嵌套行内元素）
文字元素都是行内
span b strong em i br hr img vedio audio…
特殊情况
p标签（不可以嵌套块级）p div…都不行
a标签（可以嵌套任何元素）

EditPlus 3快捷键

tap 缩进
shift+tap 反缩进
ctrl+？快捷注释
ctrl+E 自动补齐
ctrl+shift+U 所有文本首字母大写
ctrl+z 撤销
ctrl+y 反撤销
ctrl+b 跳转到代码展示效果

css层叠样式表标签
行内样式：
<div style=’‘width：200px；height：200px；background-color：green‘‘>
文字</div>
<div style=‘’’>文字内容</div>
（内部引入，行内样式：写在style=‘’ 样式‘’  样式=样式+样		式值+；）

内联样式:
head标签下
<style>
        div｛
                width：200px；
                height：200px；
                background-color：green；
        ｝
</style>

外部样式：
head标签下
<link rel=‘’stylesheet’’ href=‘’地址’’
css文件写法
div｛  
            width：200px；
            height：200px；
            background-color：green；
｝