html
开发网站的三种技术
Html
负责网页的结构
Css
站在美学的角度进行美化
JavaScript
站在用户体验的角度设计网页的交互效果
主讲Html
超文本标记语言(HyperText Markup Language)
- 文本:txt文本
- 超文本:文本、图片、链接、音乐、程序
- 标记:标签 单标签和双标签
html当中,不存在编程语言的语法,而是充斥着各式各样的标签
html运行环境是浏览器(用于打开网页)
在浏览器中打开的网页本质上都是一个文本,而这个文本称之为html
html5文档结构说明
- <!DOCTYPE html> html5文档声明头
- <html></html> 双标签 定义html文档内容的结构
- <head></head> 头部 里面写的内容是对于当前网页的一些预定义信息
- <body></body> 写给用户看的内容
- <meta charset = "UTF-8"> 设定当前网页的编码格式
- <title>网页标题</title> 通常情况下,title要放在meta字符集设置的下面,防止出现乱码
- <link rel = "stylesheet" href = "style.css"> 引入外部的css文件
meta标签的其他用法
标签的定义及使用说明
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,当时会被浏览器解析。 META元素通常用于指定网页的描述,关键词,的文件的最后修改,作者,和其他元数据。 元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。元数据(Metadata)是数据的数据信息。
实例 1 - 定义文档关键词,用于搜索引擎:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
实例 2 - 定义web页面描述:
<meta name="description" content="Free Web tutorials on HTML and CSS">
实例 3 - 定义页面作者:
<meta name="author" content="Hege Refsnes">
实例 4 - 每30秒刷新页面:
<meta http-equiv="refresh" content="30">