如何掌握HTML语言的基础语法

本文小编为大家详细介绍“如何掌握HTML语言的基础语法”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何掌握HTML语言的基础语法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

成都创新互联是专业的牟定网站建设公司,牟定接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行牟定网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

基础准备

我使用的是Hbuilder编辑器,在hbuilder中创建一个HTML文件。

如何掌握HTML语言的基础语法

在hbuilder中运行HTML文件

如何掌握HTML语言的基础语法

效果

如何掌握HTML语言的基础语法

HTML文档结构



	
		
	
	
		
	


   用于注释代码

HTML常用标签

基础标签

  • html 最外层的元素

  • head 网页的头部

  • title 网页的标题

  • body 网页内容

文本格式化

  • i/em 斜体

  • strong 加粗

  • q 引用

  • blockquote 长引用

  • code 元素定义编程代码示例

武汉,加油!
湖北,加油!

武汉,加油!

HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能,清爽的界面,强大的功能和于一身。

  HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能,清爽的界面,强大的功能和于一身。
var a = 1 

实验效果

如何掌握HTML语言的基础语法

标题段落

  • h2-h7 表示标题 数字越大 字体越小

  • p 段落标签

  • hr 水平分割线

  • br 换行



	
		
		使用标题和段落
	
	
		
		
		

武汉加油!

武汉加油!

武汉加油!

武汉加油!
武汉加油!
武汉加油!

武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!

     

武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!

武汉加油!武汉加油!武汉加油!武汉加油!
武汉加油!武汉加油!武汉加油!         

如何掌握HTML语言的基础语法

块元素

  • div 盒子

  • span 功能和div类似,span可以用来装一小段文字 和div的区别就是 在一行内显示



	
		
		03
	
	
		
		武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 
		
		
			武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!
		
武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!
武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!

最终效果

如何掌握HTML语言的基础语法

图片

  • img

  • img标签必须加上 src属性 才能把图像展示出来

  • alt属性: 当图片没有办法显示的时候用来提示用户的文字

  • title属性:当鼠标移动到图片的时候,用来提示用户的文字



	
		
		使用图片
	
	
		hello
		
		
	

如何掌握HTML语言的基础语法

链接

  • a标签 超链接

  • href属性: 超链接的地址

  • target属性:_blank 表示新建一个浏览器标签页来显示超链接的内容,不会覆盖原来的网页_parentsearchtop



	
		
		
	
	
		
		百度一下
		百度一下
	    百度一下
		百度一下
	
	

列表

  • ol 有序列表

  • ul 无序列表

  • li 列表项

  • type 定义类型

  • disc 实体圆点

  • circle 空心圆

  • square 实体方形

  • a 小写字母 (有序)

  • A 大写字母(有序)

  • 默认数字(有序)



	
		
		列表
	
	
		
		
		
		
		 
			
  • 北京
  • 上海
  • 北京
  • 上海
  • 北京
  • 上海
  • 北京
  • 上海
  • 北京
  • 上海
  • 北京
  • 上海
  • 如何掌握HTML语言的基础语法

    表格

    • tablecaption 表格标题

    • th 表头

    • tr 行

    • td 单元格

    
    
    	
    		
    		table
    	
    	
    		
    			招聘信息
    			
    				职位名称
    				薪资水平
    			
    			
    				前端工程师
    				20k
    			
    			
    			
    				后端工程师
    				20k
    			
    		
    	
    

    如何掌握HTML语言的基础语法

    读到这里,这篇“如何掌握HTML语言的基础语法”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


    网站名称:如何掌握HTML语言的基础语法
    网页路径:http://cdiso.cn/article/pohjep.html

    其他资讯