专业编程基础技术教程

网站首页 > 基础教程 正文

HTML中的标签

ccvgpt 2024-09-11 02:28:38 基础教程 13 ℃

讲一下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>

Tags:

最近发表
标签列表