HTML 基础

简介: HTML 基础 HTML,(Hyper Text Markup Language),超文本标记语言 。使用标记标签来描述网页,不是编程语言。 一个简单的网页示例。 <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p

HTML 基础

HTML,(Hyper Text Markup Language),超文本标记语言 。使用标记标签来描述网页,不是编程语言。

一个简单的网页示例。


<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

常用标签

HTML 标签是由尖括号包围的关键词,比如 <html>。
HTML 标签通常是成对出现的,比如 <b> 和 </b>。
标签对中的第一个标签是开始标签,第二个标签是结束标签。

target指定如何打开新页面。

描述

_blank

在新窗口中打开。

_self

默认。在相同的框架中打开。

_parent

在父框架集中打开。

_top

在整个窗口中打开。



标记名

用法
p paragraph,创建段落
br 此标记没有结束标记,效果为换行
b bold,粗体显示
i 文字斜体表示
a 超链接
center 居中显示
h1、h2、...、h6 6个等级的标题,h1字号最大
font 设置字体属性
table 表格,内部有tr tb标记
tr 表格中的一行
td 表格中的一列

添加超链接

<a> 标签的 href 属性用于指定超链接目标的 URL。href,Hypertext Reference。
超链接的 URL可能的值:
绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
相对 URL - 指向站点内的某个文件(href="index.htm")
锚 URL - 指向页面中的锚(href="#top"),通常也称作书签。

新窗口打开为target="_blank",一个完整例子:

<a href="http://www.1hai.cn" target="_blank"><img alt="一嗨租车" src="http://pic.ctrip.com/car20140207/cxz100x50/yihi.jpg" /></a>

目录
相关文章
|
前端开发
前端基础 - HTML框架集之FrameSet
前端基础 - HTML框架集之FrameSet
227 0
|
移动开发 前端开发 安全
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0(静态互联网,1990年代初至2000年代初)以静态内容和单向信息流为主,用户仅能浏览。Web2.0(互动互联网,2000年代初至2010年代初)引入了用户生成内容和社交网络,内容动态且互动性强。Web3.0(语义互联网,2010年代至今)强调语义化、个性化、智能化及去中心化,结合AI、区块链等技术,提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术,在各阶段不断演进,共同推动了现代互联网的发展。
前端基础之HTML
|
JavaScript 前端开发
前端基础 -JQuery之val,text,html
前端基础 -JQuery之val,text,html
301 1
|
前端开发 JavaScript
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
413 1
前端基础(十七)_HTML5新特性
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
234 2
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
236 1
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
1566 1