html


html

学习目标

  • 能够使用h1~h6,hr,p,br等与文本有关的标签
  • 能够使用有序列表ul-li和无序列表ol-li显示列表内容
  • 能够使用块级标签div与内联标签span
  • 能够使用图片img标签把图片显示在页面中
  • 能够使用超链接a标签实现页面跳转
  • 能够使用table,tr,td标签定义表格
  • 能够制作网页

基础

HTML概念

html(超文本标记语言):全称Hyper Text Markup Language.

  • 超文本: 超越一般文本,可以在超文本中添加图片,超链接等等.
  • 标记: 标签,一个标签就可以展示一种效果.
  • 语言: 人和网页交流沟通的工具.

作用: 编写网页.编写好的网页直接使用浏览器展示即可

HTML文件基本结构

 
	
	 
		 
		我的第一个网页  
         
         
	 
	 
		如今的现在早已不是曾经说好的以后!
	

标签和标签属性

标签

html是由标签组成的,通过标签展示页面效果.一个标签展示一种效果,是万维网组织给制定的.

标签分类

  • 根据标签的书写方式:

    • 单标签(空标签): 只有开始标签,没有结束标签和标签体:
    • 双标签: 有开始标签和结束标签,开始标签和结束标签中的内容叫做标签体.结束标签前需要加
  • 根据展示效果:

    • 行级标签(块标签):当前标签所展示的内容在页面上---独自占一行:
      换行标签
    • 行内标签:当前标签所展示的内容在一行内: