HTML入门与基础 —— 标签《一》

一、标签概述

1.HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

2.标签分为嵌套关系与并列关系。

嵌套关系:

<head>
    <title>
    </title>
<head>

并列关系:

<head></head>
<body></body>

二、基本标签

1.html标签:作为整个html中所有标签的一个根节点。

2.head标签:用于存放title,meta,base,style,link,script等标签。

2.title标签:放到head中,让页面拥有一个自己的标题。

4.body标签:页面的主体部分,用于存放页面中的所有标签。

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

三、常用标签

1.标题标签:HTML提供了6个等级的标题。

<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>

h1字体为最大,然后逐渐递减。标题标签帮助我们使页面更加具有语义化。

2.段落标签:<p></p>,用来存放文本段落。默认情况下,会根据浏览器窗口的大小自动换行。

注:块级元素不能放到p标签中。

3.水平线标签:<hr />,可以将页面中出现一个通栏的水平线。将页面分开显示,使页面更加请先。

4.换行标签:<br />,默认为从左往右显示不下的时候换行。通过<br>标签实现强制换行。

5.文本格式换标签:

<b></b><strong></strong> : 加粗:推荐使用strong

<i></i>和<em></em> : 斜体:推荐使用em

<s></s>和<del></del> : 删除线:推荐使用del

<u></u>和<ins></ins> : 下划线:推荐使用ins

6.图像标签:<img  src="URL"/> : 用来在页面中显示图像,src属性为必需属性。用来指定图片的路径。

7.链接标签:<a href="URL"></a> : 超链接标签,用来实现超链接的功能。页面之间的相互跳转。

注:不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

8.特殊字符标签:因为好多字符都有特殊的含义,我们没有办法直接书写,就需要依靠一些特殊标签来实现。

详情见下图:

9.注释标签:<!-- 注释内容 -->,不会显示在浏览器窗口中,但是会作为HTML文档的一部分。

时间: 2024-08-11 05:46:10

HTML入门与基础 —— 标签《一》的相关文章

HTML基础标签入门

HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html>--开始标签 <head> --网页上的控制信息 <title>--网页标题 </title> </head> <body> 网页显示的内容 </body> </html>--结束标签 <!--注释的内容-->

HTML入门-页面结构&amp;基础标签

文章目录 一.什么是html?二.动态网页与静态网页区别?(面试题)三.三个版本和一个标准(面试题)四.html5的扩展五.html创建文件(重点)六.html格式(重点)七.html基本结构(重点)八.注释九.基础标签(重点)十.文本标签十一.布局标签十二.特殊符号一.什么是html? html 超文本标记语言 文本:文字元素超文本:视频,图片,音乐,链接标记符:由左书名号和右书名号包裹一个标签名字的构造-----<p>语言:人与电脑交流的语言方式二.动态网页与静态网页区别?(面试题) 动态

Qt入门之基础篇 ( 二 ) :Qt项目建立、编译、运行和发布过程解析

转载请注明出处:CN_Simo. 题解: 本篇内容主讲Qt应用从创建到发布的整个过程,旨在帮助读者能够快速走进Qt的世界. 本来计划是讲解Qt源码静态编译,如此的话读者可能并不能清楚地知道为何要静态编译,所以借此篇内容说明一下原由并为之后文章的学习做准备. 即使本片内容只是在围绕一个小小的HelloWorld程序开展,但还是希望朋友们不要急于求成,"欲速则不达". 文章整体思路: 我们循序渐进地来看,一个Qt应用的完成有以下一个重要的步骤: 项目创建->源码编译->程序运行

java的基础标签

跨行业进入IT,感觉就像学习一门外语,基础标签就像英语中的单词是的,现在只会一个个单词,不会说话的感觉,痛苦呀. 1.文本格式控制标签 <font color="文本颜色" size="字体大小" face="什么字体">文本内容</font> <b></b>   字体加粗 <i></i>     字体倾斜  <em></em>强调,语气加强用 <

一起学Google Daydream VR开发,快速入门开发基础教程一:Android端开发环境配置一

原文因涉及翻墙信息,被强制删除,此文为补发! 准备工作 进入Google Daydream开发者官网,开启准备工作,官网地址:https://vr.google.com/daydream/developers/ -------------------------------------------------------------------------------------------------------------------- Google Daydream开发者网址: https

Qt入门之基础篇 ( 一 ) :Qt4及Qt5的下载与安装

转载请注明出处:CN_Simo. 导语: Qt是一个跨平台的C++图形界面应用程序框架.它提供给开发者建立图形用户界面所需的功能,广泛用于开发GUI程序,也可用于开发非GUI程序.Qt很容易扩展,并且允许真正地组件编程.基本上,Qt同X Window上的Motif,Openwin,GTK等图形界面库以及Windows平台上的MFC.OWL.VCL.ATL是同类型的东西. 本系列教程以Qt5.6为基础展开精讲. 参考书目: [1]霍亚飞.Qt Creator快速入门(第3版).2017年 [2]蔡

HBase入门修行基础篇

HBase入门修行基础篇 HBase是一个分布式的.面向列的开源数据库,该技术来源于 Fay Chang 所撰写的Google论文"Bigtable:一个结构化数据的分布式存储系统".就像Bigtable利用了Google文件系统(File System)所提供的分布式数据存储一样,HBase在Hadoop之上提供了类似于Bigtable的能力.HBase是Apache的Hadoop项目的子项目.HBase不同于一般的关系数据库,它是一个适合于非结构化数据存储的数据库.另一个不同的是H

Java入门——面向对象基础(一)

Java入门——面向对象基础(一) 本博客目的 练习题(重要) 面向对象的概念(了解) 面向对象的三大特性(重要) 2016-09-10——13:13:39 ll练习题 用方法调用的形式进行数组排序 1 package Sep10; 2 //调用方法完成两个整形数组的排序并打印 3 public class ArrayRefDemo03 { 4 5 /** 6 * @param args 7 */ 8 public static void main(String[] args) { 9 // T

正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性.以下面的HTML代码为例. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>