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文件基本结构

<!DOCTYPE html> <!-- 文档声明,声明此文件为html文件,遵循html5的规范 -->
<html>	<!-- html页面的根标签,一般一个页面中只有一个根标签 -->
	<head> <!-- head标签: 头标签,存放网页的重要信息,一般不在页面上显示 -->
		<meta charset="utf-8" /> <!-- meta:元标签,非常重要,指定当前页面的编码方式 -->
		<title>我的第一个网页</title> <!-- title标签:标题标签,给网页起名名 --> 
        <style></style> <!-- 样式标签,用于编写css样式,对页面装饰 -->
        <link></link> <!-- 样式标签:用于将外部的css样式文件引入到当前页面中 -->
	</head> 
	<body> <!-- body标签: 主体标签,存放在网页中展示的内容 -->
		如今的现在早已不是曾经说好的以后!
	</body>
</html>

标签和标签属性

标签

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

标签分类

  • 根据标签的书写方式:

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

    • 行级标签(块标签):当前标签所展示的内容在页面上---独自占一行:
      换行标签
    • 行内标签:当前标签所展示的内容在一行内:
posted @ 2021-04-03 23:18  眼睛会发光ω  阅读(47)  评论(0编辑  收藏  举报