WEB前端H5介绍-HTML基础认识

在当今的互联网+时代,国内的互联网领域也发展迅速,所以在这里写一些关于web前端h5的简单介绍分享给感兴趣的同学,让大家对html有一个基础的了解,也希望同样专注于H5的同学们能够相互学习帮助,共同进步。

HTML(Hyper Text Markup Language):超文本标记语言,它本身是一种标记语言,并不是编程语言,是用来描述网页的,而标记语言是一套标记标签。

起始标记
<>
结束标记


标记+特殊的字符组成标签
标签的作用就是告诉浏览器内容的起始和结束的位置
例如



下面我们简单看一下html的基本模板,了解一下html的整体结构,其中包含的是html所必须得基础标签:

!-- 不是标签 告诉浏览器使用html5的标准解析这个文件 -->



	
	
		
		
		hello
	
				
	
			你好呀.
	

接下来我们看一下html的中用到的基础标签和它所代表的含义:


	
			
			基础标签
	
	

	
	

宝宝离婚了

宝宝离婚了

宝宝离婚了

宝宝离婚了

宝宝离婚了
宝宝离婚了

宝宝心里苦,但是宝宝不说,
现在宝宝说了,宝宝要离婚。宝宝不知道宝宝的宝宝是不是宝宝的宝宝。

我是span标签
我是div标签
我是b标签 我是strong标签 我是i标签 我是em标签 百度 美女


每一个html都有它自己的特性,通过在浏览器中打开检查工具可以看到它具体的属性;在制作网页的时候,同一个标签我们往往会需要使用不同的样式,必须字体颜色,字体大小等,这时候我们需要通过引入CSS样式对其做改变。下面我们来看一下内联样式引入:通过在起始标签里加入style,并对属性赋值来改变标签的样式。



	
		
		标签特性和CSS样式
	
	
		
		
我是div1
我是div2

美女
3333333

测试div的特性

1111

百度






13334444
44444


1111
我是块级div
我是行级span
文字颜色
文字大小
文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进
对齐方式
对齐方式
对齐方式
行高
行高行高行高行高行高行高行高行高行高行高行高行高11122
行高行高行高行高行高行高行高行高行高行高行高行高






呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵

了解上面这些HTML基础的知识后,就可以用在网页上呈现一些简单的内容了。今天先写这些html的简介,后面还会写一些html的基本内容介绍,以及在编写网页中得一些心得。若有有什么错误的地方以及感兴趣的问题,可以留言讨论,谢谢大家!


你可能感兴趣的:(WEB前端,html,html5,html基础学习,web前端,跨平台开发)