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是由标签组成的,通过标签展示页面效果.一个标签展示一种效果,是万维网组织给制定的.