HTML5 基础知识(1)——基本标签

HTML

概念:是最基础的网页开发语言
(Hyper Text Markup Langage 超文本标记语言)

1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起的网状文本。
2.标记语言:由表签构成的语言,如HTML,xml。(标记语言不是编程语言)

快速入门

  • 语法:
 1.HTML文档后缀名为 .html 或 .htm  
 2.标签分为:
 	* 围堵标签:有开始标签有结束结束标签。如:<html> </html>
 	* 自闭和标签:开始标签和结束标签在一起。如:<br />.
 3.标签可以嵌套:需要正确嵌套,不能你中有我,我中有你的形式。
 	例如:错误:"<a><b></a></b>",正确"<a><b></b></a>"
 4.在开始标签中可以定义属性。属性是由键值对构成,值需要引号(单双都可以)引起来
 5.HTML的标签不区分大小写,但建议小写。
 

标签学习

1.文件标签:
	HTMLHTML文档的根标签
	head:头标签。用于指定HTML文档的一些属性。引用外部资源。
	title:标题标签
	body:体标签
	<!DOCTYPE html>:html5中定义该文档为HTML文档
2.文本标签:
	注释:<!--注释内容-->
	<h1> to <h6>:标题标签
		h1 -- h6 字体大小逐渐减小
	<p>:段落标签
	<br />:换行标签
	<hr />:水平线标签
		属性:
			color:颜色
			width:宽度
			size:高度
			align:对齐方式
				center:居中
				left:左对齐
				right:右对齐
	<b>:字体加粗
	<i>:斜体
	<font>字体标签(不在使用)
	属性定义:
		color:
			1.英文单词:red,green,blue
			2.rgb(值1,值2,值3):值的范围:0~255 如: rgb( 002553,#值1,值2,值3:值的范围:00~FF之间。如:#FF00FF
		width:
			1。数值:width=20’,数值的单位‘px’ ,默认是像素。
			2.数值%:占比相对于父元素的比例。

列表标签

1。有序标签:
	ol:外层
	li:内层
2.无序标签:
	ul:外层
	li:内层

链接标签

< a >: 定义一个超链接标签
	属性:
		href:指定访问访问资源的URl(统一资源定位符)
		target:指定打开资源的方式
			_self:默认值,在当前界面打开
			_blank:在新的界面窗口打开

div 和 span:

	<div>:每一个div占满一行。块级标签
	<span>:文本信息在一行展示,行内标签 内联标签。	

语义化标签:

HTML5中为了提高程序的可读性,提供了一些标签
	1. <header>:页眉
	2. <footer>:页脚

表格标签

1.table:定义一个表格
	width:宽度
	border:边框
	bgcolor:背景色
	align:对齐方式
2.tr:定义行
3.td:定义单元格
4.th:定义表头单元格
5.<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分

以上就是一些基本的HTML的标签。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值