HTML入门基础

这篇博客介绍了HTML的基本概念,包括HTML的起源、标准格式,详细讲解了HTML常用标签如标题、段落、超链接、图片、音频的使用方法,还涉及了HTML元素的语法和属性,以及HTML向XHTML转换的步骤。此外,文章还提到了网页设计的颜色规范和常用软件。
摘要由CSDN通过智能技术生成

HTML

一、HTML的简介

1994年10月,蒂姆.伯纳斯.李创立了万维网联盟,加盟成员有美国麻省理工、欧洲数学与信息研究联盟、日本庆应大学、中国北京航空航天大学。

HTML 是超文本标记语言hyper text transfer protocol(超文本传输协议)。标准通用标记语言下的一个应用“超文本”,就是指页面内可包含图片、链接、音乐、程序等非文字元素

超文本标记语言是万维网编程的基础,也就是说万维网(www(World Wide Web)–万维网)是建立在超文本基础之上的

W3C最重要的工作是发展Web规范,这些规范描述了Web的通信协议(比如HTML)和其他的构建模块

web前端就是利用html+css+javascript等前端技术将UI设计师的效果图生成PC端的,移动端的网页

二、HTML标准格式

<!DOCTYPE html>                   //为HTML5文档
<html>
	<head>
		<meta charset = "UIF-8">      //网页编码格式为utf-8
		<title></title>
	</head>
	<body>        //body元素定义文档主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等)
	</body>
</html>

"utf-8"是一种字符编码。charset = "utf-8"是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好"翻译"工作。常见的字符编码有:gb2312, utf-8。
​ gb2312:代表国家标准第2312条,其中是不包含繁体的(虽然内地不怎么使用繁体,但是台湾省还在使用繁体)

1)头部标签<head></head>

在head标签元素中可以插入脚本(scripts),样式文件(CSS),及各种meta信息。

可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。

2)文档标题<title></title>

title标签定义了不同文档的标题
title标签在HTML文档中是必须的
title元素标签:
1)定义了浏览器工具栏的标题
2)当网页添加到收藏夹时,显示在收藏夹中的标题
3)显示在搜索引擎结果页面的标题

三、HTML常用标签

单标签:有一个标签组成,如<hr/>
双标签:由“开始标签”和“结束标签”两部分组成,必须成对使用,如<p></p>,<p>是开始标签,表示一个段落的开始,</p>是结束标签,表示一个段落的结束。

1、标题
<h1>这是一个标题</h1>            //h1 --> h6: 字体大小逐个递减
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>

快速打出多个可以用:ul>li*6+tab键

在这里插入图片描述

【注】:浏览器会自动在标题的前后添加空行

2、段落

浏览器会自动地在段落的前后添加空行。

<p>这是一个段落</p>
3、超链接

​ 链接由标签定义的,链接的地址可在href属性中指定。

​ 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。点击这些内容来跳转到新的文案或者当前文档中的某个部分。

​ 当鼠标指针移动到网页中的某个链接上时,箭头会变成一只小手。

<a href="网址">链接名称</a>                        //覆盖当前网页
<a href="网址" target =“_blank">链接名称</a>      //另开网页  

*target属性,可以定义被链接的文档在何处显示

链接将以下形式出现在浏览器中:

1)一个未访问过的链接显示未蓝色字体并带有下划线

2)访问过的链接显示为紫色并带有下划线

3)点击链接是ÿ

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值