HTML基础---HTML介绍
来源:互联网 发布:出轨 知乎 编辑:程序博客网 时间:2024/05/18 02:31
一:Hello World
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Hello World</title> </head> <body> <h1></h1> </body></html>
二:HTML和CSS的关系
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
- CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
三:认识HTML标签
//注释标签<!--这是一段注释。注释不会在浏览器中显示-->//标题标签从大到小级别h1 h2 h3 h4 h5 h6<h1>标题标签</h1> //段落标签<p>普通的段落</p>// 图片标签<img src="http://www.baidu.com/img/bd_logo1." >
四:标签语法
- 标签由英文尖括号<和>括起来,如
<html>
就是一个标签。 html
中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。- 如
<p></p>
,<div></div
>,<span></span>
- 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:
<div>
里嵌套<p>
,那么</p>
必须放在</div>
的前面。如下图所示。 - HTML标签不区分大小写,
<h1>
和<H1>
是一样的,但建议小写。
五:认识html文件基本结构
一个HTML文件是有自己固定的结构的
<html> <head>...</head> <body>...</body></html>
<html></html>
称为根标签,所有的网页标签都在<html></html>
中。<head>
标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>
等标签。- 在
<body>
和</body>
标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>
等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
六:认识head标签
文档的头部描述了文档的各种属性和信息,包括文档的标题等。
<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script></head>
标签:在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
标签的内容会在浏览器中的标题栏上显示出来
七:了解HTML的代码注释
- 语法:
<!--注释文字 -->
阅读全文
0 0
- HTML基础---HTML介绍
- html基础简单介绍
- html的基础介绍
- HTML基础介绍
- HTML 基础控件介绍
- HTML 基础控件介绍
- HTML基础介绍
- HTML之基础介绍
- Html 基础介绍
- HTML 基础控件介绍
- html基础书写布局介绍
- WEB前端H5介绍-HTML基础认识
- HTML介绍
- html介绍
- 介绍HTML
- HTML 介绍
- HTML介绍
- HTML-介绍
- I帧、P帧、B帧,以及PTS、DTS的关系
- 为什么要实现Serializable
- [RK3288][Android6.0] ALSA中的DMA buffer分配
- HTTP请求头和响应头含义
- TOMcat的安装 使用
- HTML基础---HTML介绍
- Linux命令如何关闭一个进程,如何关闭端口号
- 基于MVP模式下的无限轮播ViewPager
- MySQL主主复制+Keepalived 打造高可用MySQL集群
- 彻底解决关于CSocket类的Receive超时的问题
- C#发送邮件验证账号
- 免费馅饼
- java求最大公约数
- solrJ6.5.1 使用