Html元素简介

什么是 HTML？

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
#####第一个html文件#########
<html>
<head>
<title>标题</title>
</head>

<body>
<h1>第一个页面</h1>
<p>hello world</p>
</body>
</html>

案例解释

  • <html> 与 </html> 之间的文本描述网页
  • <head>与</head>之间的文本是头部信息
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落
  • HTML 链接是通过 <a> 标签进行定义的
  • HTML 图像是通过 <img> 标签进行定义的

使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML：

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

不过，我们同时推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。

HTML 的 style 属性

style 属性的作用：

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

　　HTML 样式实例 - 背景颜色

　　　　background-color 属性为元素定义了背景颜色：

　　HTML 样式实例 - 字体、颜色和尺寸

　　　　font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

　　HTML 样式实例 - 文本对齐

　　　　text-align 属性规定了元素中文本的水平对齐方式：

<html>
<head>
<title>标题</title>
</head>

<body style='background-color:#E0FFFF'>

<h1>第一个页面</h1>
<p style = 'font-family:楷书;color:purple;font-size:20px;text-align:center'>hello world</p>
<p style = 'font-family:楷书;color:#00FFFF;text-align:center'>这是我的第二段文字哈</p>
<a href = "https://www.baidu.com/"> This is a link </a>
<img src = "1.jpg"  width="100" height = "200" /> </img>
</body>
</html>

 

posted @ 2018-05-14 11:25  pretend_smile  阅读(163)  评论(0)    收藏  举报