HTML 简介、基本标签及属性

HTML 简介

HTML 指的是超文本标记语言 (Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言 (markup language) ,标记语言是一套标记标签 (markup tag) ,HTML 使用标记标签来描述网页,HTML 标记标签通常被称为 HTML 标签 (HTML tag),是由尖括号包围的关键词,比如<html>.

HTML标签通常是成对出现的,比如<b>和 </b>,HTML标签可以拥有属性,标签对中的第一个标签是开始标签,第二个标签是结束标签 ,开始标签(start tag 或 opening tag)是被尖括号包围的元素名,结束标签(end tag 或 closing tag)是被尖括号包围的斜杠和元素名,开始和结束标签也被称为开放标签和闭合标签,有些HTML元素是没有结束标签的,比如<br/>或<hr/>,HTML标签标记HTML文档和HTML元素,HTML文档描述网页它包含HTML标签和纯文本,HTML文档由嵌套的HTML元素构成,HTML文档也称之为网页,Web 浏览器的作用是读取 HTML文档,并以网页的形式显示出它们.浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容.

HTML 实例

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

HTML基本标签

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

<a href="http://www.w3school.com.cn">This is a link</a>

注释:在 href 属性中指定链接的地址。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="images/w3school.jpg" width="104" height="142" />

注释:图像的名称和尺寸是以属性的形式提供的。

HTML 属性

HTML 标签可以拥有属性,属性总是以名称/值对的形式出现,比如:name="value",属性总是在 HTML 元素的开始标签中规定.

居中排列标题

<h1 align="center">标题</h1> 

背景颜色

<body bgcolor="yellow"> 主体</body> 

表格边框

<table border="1"> 表格</table>
时间: 2025-01-10 11:40:41

HTML 简介、基本标签及属性的相关文章

jQuery的简单用法(jQuery的简介,选择器,属性和css,文档处理)

一.jQuery简介 1.1.  JS库 JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器. 1.2.  当前流行的 JavaScript 库有: ① jQuery ,最流行 ② EXT JS,2.0开始收费 ③ Prototype,对js扩展,框架开发. ④ Dojo ⑤ Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

jQuery easyUI id选择器 类选择器 标签选择器 属性选择器 及DOM对象和jQuery相互之间的转换

首先导入js文件 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

select标签multiple属性的使用方法

前些日子公司让做一个功能模块,对于里面一个小功能费了些周折,现将其总结一下: 一.实现效果: 一.实现代码: <!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&qu

HTML超文本标记语言(二)-HTML中几个常用标签及属性

HTML中几个常用标签及其属性 一.HTML链接标签:<a></a> 1.herf属性:创建指向另一个文档的标签(超链接) 语法结构:<a href=url">Link Text</a> 注意: "链接文本"不必一定是文字,图片或其他HTM元素也可以成为链接. 2.name属性:规定锚的名称,用于创建文档内的书签(锚) 语法结构如下. 命名锚:<a name="tip">基本的注意事项-有用的提示

H5 video标签的属性

35-video标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>35-video标签</title> </head> <body> <!-- 1.什么是video标签? 作用: 播放视频 格式: <video src=""> </v

mybatis resultmap标签type属性什么意思

mybatis resultmap标签type属性什么意思? :就表示被转换的对象啊,被转换成object的类型啊 <resultMap id="BaseResultMap" type="BaseObject"> <id property="id" column="id" /> <result property="appId" column="appid"

超链接a标签的属性target的可选值有哪些以及区别

超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_parent"></a> 3.<a target="_self"></a> 4.<a target="_top"></a> 5.<a target="new"><

video标签常用属性及说明

video标签常用属性(在标签内部使用) video常用API属性及方法(API属性是供JS调用的,不在video标签元素中直接使用)

CSS和JavaScript标签style属性对照表

CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,第二个字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomWidthborder-colo