html课后笔记

HTML 全称HyretText Markup Language

用于定义文档内容结构

HTML-超文本语言：通过浏览器解析执行——渲染

HyperText-超文本不只包括文本也可以包括图片，链接，音乐，视频等非文本元素

Markup.Langauge-标记语言是一套标记标签 HTML使用标记便签来描述网页。

一个页面就是一篇文章，而一篇文章最核心的就是内容，不同含义的内容组成了文档的结构。

标记名（起始）属性值内容

↑ ↑ ↑

<a. href+"/clssroom/f47"> 加入 </a>

↓ ↓

属性名标记名（结束）

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）但两个元素之间不能互相嵌套。

文档声明，不是元素，不是注释，出现在HTML代码第一行，

书写代码<！ DOCTYPE.html>-HTML5版本

用于通知浏览器，目前的文档正在使用哪一个HTML版本

若不写文档声明，浏览器渲染页面时会进入怪异模式

<html> 元素：又叫做根元素，根标记，它是所有其他元素的祖先元素（lang属性）

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

该属性指定文档中的文字是何种语言书写的
该属性可能会影响浏览器的语音阅读和翻译行动

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

<head> 元素：

head元素又叫做文档头，它是html元素的第一个子元素。

文档头中可以包含一些其他元素，用于描述页面的附加信息

<title> 元素：

表示文档标题，该标题会显示在浏览器的标题栏或标签页上

<meta> 元素：

标识页面的其他数据（页面相关的附加信息）是一个空元素

<body> 元素：

<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

网页中所有的可见内容都放置在该元素内

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body

元素内容是另一个 HTML 元素（p 元素）。

<h> 元素：

<h1>This is my first paragraph.</h1>
定义了一个题目
有h1~h6范围

元素：

<p>This is my first paragraph.</p>

这个 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 ，以及一个结束标签 。

元素内容是：This is my first paragraph。

语义化概述

使用具有含义的元素写HTML 即语义化

有利于浏览器理解HTML文档有利于搜索引擎理解

表示浏览器不可忽略的重要元素

在页面显示加粗在语音阅读浏览器中会着重

斜体在语音阅读浏览器中会着重

<a.href=#"目标”>-当前页面跳转

<a.href="#”> 返回首页

<a.href="链接”target="-blank"> 第二个页面

<a.href="链接”target="-self"> 默认覆盖

功能性

<a.href="tel:”>拨号

<a.href="mailto:”>邮件

posted @ 2018-02-04 22:44 ozp 阅读(186) 评论(0) 收藏举报

刷新页面返回顶部

ozp