html常用标签总结 |
您所在的位置:网站首页 › 换行标签是双标签吗 › html常用标签总结 |
html负责结构,css负责样式,JavaScript负责页面交互等行为,html中常用的结构标签有标题标签、段落标签、水平线标签、换行标签、文本格式化标签、图像标签、链接标签以及注释和特殊字符标签等。 一、常用标签1. 标题标签:……共分为六个等级,重要性依次降低; 2. 段落标签: ,默认情况下,在段落标签中的文本内容会根据浏览器窗口的大小自动换行; 3. 水平线标签: 4. 换行标签: 5. 文本格式化标签: 文本格式化标签主要有字体加粗,倾斜,加删除线,加下划线等;![]() 图像标签是单标签,为 如果当前没有确认的链接目标,可以将href的属性值设置为#,即href="#",使其成为空链接;此外,可以使用base标签设置统一设置链接窗口的打开方式,比如:点击链接时,都会在新窗口的打开页面 四、锚点定位 创建锚点链接需要两步 使用链接文本创建链接文本。使用相应的id名标注跳转目标的位置,用于页面导航 例如:3 个人生活这是添加的链接,个人生活,这是要跳转到的位置如果做不同页面的跳转,需要在#id名前面加上页面的路径,例如,3 个人生活这是添加的链接,个人生活这是要跳转到的页面的位置 五、绝对路径和相对路径 相对路径 和html文件位于同一文件夹:只需输入图像文件的名称即可,如![]() ![]() ![]() “文档流”的效果,也就是 HTML 元素会按照它们各自在标记中出现的先后顺序,依次从页面上方“流向”下方 1. 标签显示属性display: 几乎所有 HTML 元素的 display 属性值要么为 block,要么为 inline。最明显的一个例外是 table 元素,它有自己特殊的 display 属性值。 块级元素(block)常见的块级元素有、标题标签、段落标签、、、等; 最常用的块级元素是特点一个块占据一行或者多行;块与块之间上下堆叠在一起默认宽度是其父级元素的宽度可以设置宽高、内边距外边距以及背景颜色等注意 : 标签、 标签等属于文字类的块级标签内,不能再放块级标签
行内元素(inline) 常见的行内元素有、粗体、斜体、等; 最常用的行内元素是特点和相邻的行内元素显示在一行,直到行左右距离容纳不下才换行行内元素盒子会“收缩包裹”其内容,并且会尽可能包紧行内元素一般只能容纳文本和其他的行内元素注意 : 标签是行内元素但是也可以容纳块级元素,比如给图片添加链接,但是链接内不能再放链接
行内块元素(inline-block)常见的行内元素有 如何消除inline-block产生的元素间空隙 - 亚洲黑色卍 - 博客园 总之,块级元素(比如标题标签和段落 标签)会相互堆叠在一起沿着页面向下排列,每个元素分别占据一行;然而行内元素(比如链接标签)则会并列在一行显示,直到页面宽度不能容纳,才会重起一行进行显示。 2. 三种显示模式之间的转换: 只需要在CSS的选择器中对display属性进行设置即可 块 → \rightarrow →行内 :display:inline;行内 → \rightarrow →块 :display:block;行内、块 → \rightarrow →行内块 :display:inline-block;3. display属性和visibility属性的对比: display属性除了inline、block和inline-block之外还有一个属性值——none。使用none时,该元素以及包含在其中的所有元素,都不会在页面中显示;并且,它们原先在页面中所占据的空间会被“回收”。但是,相比之下,visibility属性,它常用的两个相对的值时visible和hidden。把元素设置为hidden时,只是进行了隐藏,其位置仍然保留。这就是display和visibility的区别。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |