html基础必备-分隔标记,前端小白一看就会
这些标记用于将页面分成多个部分。熟练地掌握这些标记将意味着构建出具有良好的结构和布局的页面,使其更加友好和易于阅读。
div标记定义了HTML文件中的一个部分或分区。它通常包含需要组合在一起的标题、段落、表格或其他元素。通过设置<div class=\”\”>与css一起使用来设置网页某个部分的显示。
p标记用来定义文本的段落,就像你在书中看到的那样,一旦文本达到屏幕边缘就会自动折到下一行。当另一个<p>标记用于开始下一个段落时,浏览器将在段落之间添加一些空白。p标记具有以下属性:
- align=\”\” – 段落中文本的对齐方式:left, center or right
- width=\”\” – 段落将占据页面的固定宽度或百分比,默认为100%
span标记用于将内联元素组合在一起,例如句子中的几个单词,以便仅对这些单词应用css样式。span标记可以在div和p标记中使用,因为它不会创建新的块。
br标记相当于一个回车符,用于在新行开始文本。一行中的多个<br>标记将在网页上创建一个很大的垂直空间。
hr标记通常被称为HTML行分隔符标记,创建一条通常用于视觉上分隔页面的水平线。它具有以下属性:
- width=\”\” – 线条将占用固定宽度,默认100%宽度
- color=\”\” – 线条颜色
- noshade – 取消3D外观,创建一条平的实线分隔线
出于某种原因,你希望文本在一条直线上继续,而不是在屏幕的边缘换行,可以使用nobr。注意:这将迫使用户向右滚动以查看行的其余部分,这是一种糟糕的设计。
下面是以上标记的示例:
浏览器显示内容如下所示:
HTML中的标签
讲一下html中文件标签和文本标签的使用
目的是学会使用,所以借助工具可以省好多时间
1.文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于引入html文档的一些属性。引入外部的一些资源
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html
2.文本标签:和文本有关的标签
注释:<!– 注释内容 –->
<h1> 到<h6>:标题标签自带换行的效果
<p>:表示段落的标签
<br>:换行标签<br/>和<br>的写法都不会报错
<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。
<b>:字体加粗
<i>:斜体
<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)
<center>:文本居然标签
这里讲下网页下面的版权标签是如何写出来的。
3.图片标签:用来展示图片的(图片也是一个自闭合标签)
属性:src:用来指定图片的位置
什么都不写默认就是./的形式
../表示上一级目录
4.列表标签:
有序列表:ol,li(li表示的是列表的每一项)
无序列表:ul,li
5.链接标签:
a:定义一个超链接
属性:
href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)
target:(是目标的意思)指定打开资源的方式
_self:在当前页面打开
_blank:在空白页面打开
6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。
table:定义表格
width:表格的宽度
border:边框
cellpadding:单元格内容左对齐(定义内容和单元格的距离)
cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)
bgcolor:背景色
align:表格的对齐样式
tr:定义行
bgcolor:背景色
align:表格的对齐样式(是用来修改文本的对齐方式的)
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thread>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
7.块标签:div和span是结合css使用的
span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)
div:是会换行的。每一个div占满一整行。块级别的标签
8.语义化标签:html5中为了提高程序的可读性,提高了一些标签
<header>
<footer>
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。