HTML学习笔记-1
一、基础
-
标题,段落,链接,图像
<html>
与</html>
之间的文本描述网页
<body>
与</body>
之间的文本是可见的页面内容
<h1>
与</h1>
之间的文本被显示为标题,之后的<h2>~<h6>
分别是各种副标题。
<hr>
定义水平分割线。
注意:
<head>
标签用于定义文档的头部,它是所有头部元素的容器。<head>
中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
h元素<h1>
到<h6>
标签用来定义标题。<h1>
定义最大的标题。<h6>
定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。段落:
<p>
与</p>
之间的文本被显示为段落
链接:<a href = "url">
与</a>
之间的文本是名称,url 是链接的地址
图像:图像通过<img>
标签进行定义的。例:<img src="a.jpg" width="104" height="142" />
-
空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。如<br>
为换行 -
属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name=“value”。属性总是在 HTML 元素的开始标签中规定。
-
注释:
<!-- This is a comment -->
-
样式:style
style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。与css相关,后续css学习中再具体研究。 -
格式化:
图片来自w3cschool,其中计算机输出标签我也不知道有什么样式上的变化。 -
超链接
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
通过使用<a>
标签在 HTML 中创建链接。
有两种使用<a>
标签的方式:
(1)通过使用 href 属性 - 创建指向另一个文档的链接
(2)通过使用 name 属性 - 创建文档内的书签
(1)hred = “url” 引用链接的地址
target属性可以定义被链接的文档在何处显示。如:target="_blank"表示在新标签页打开
href也可以是当前网站的相对地址。url用"/…"表示。
(2)通过使用 name 属性:可以达到链接到页面中位置的效果
name 属性规定锚(anchor)的名称。
可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。