asp.net前端html,ASP.NET-前端-Html基础

本文介绍了HTML的基本概念,包括标签结构、常用标签如标题、段落、链接和图像,以及如何通过HTML和CSS创建简单网页。重点讲解了如何利用HTML标记语言描述网页内容并配合CSS实现美化。

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如

HTML 标签通常是成对出现的,比如

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

与 之间的文本描述网页

之间的文本被显示为标题

之间的文本被显示为段落

我的第一个标题

我的第一个段落。

通常来说html的编写只需要一个txt文本即可,但是如果使用好的编辑器是会使工作事半功倍的

HTML 基础

版本

描述

实例

HTML 标题

HTML 标题(Heading)是通过

-

等标签进行定义的

This is a heading

This is a heading

This is a heading

HTML 段落

HTML 段落是通过

标签进行定义的

This is a paragraph.

This is another paragraph.

HTML 链接

HTML 链接是通过 标签进行定义的

This is a link

HTML 图像

HTML 图像是通过 标签进行定义的

w3school.jpg

HTML 元素语法

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容(empty content)

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性,诸如颜色color:green,样式style="font-family:verdana;color:red",链接href="http://www.w3school.com.cn"等等,具体的属性直接百度就可以

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素),HTML 文档由嵌套的 HTML 元素构成

html的嵌套组合就会组成一个网页,如下是一个简单的html实例(来自w3school):

.city {

float: left;

margin: 5px;

padding: 15px;

width: 300px;

height: 300px;

border: 1px solid black;

}

W3School Demo

Resize this responsive page!

London

London is the capital city of England.

It is the most populous city in the United Kingdom,

with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital and most populous city of France.

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.

在实际的应用中是很少用到这么原生态的html的,大多数都是有模板页的引用样式,嵌套页面之类的,在此基础上的编写修改都是比较方便的!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值