HTML5学习.note1

 

目录

 

一 . 什么是HTML  （hypt text markup language）

二 .HTML标签  

1. HTML 标题

2. 段落标签

3.换行标签

4.链接标签

5.图像标签

6. 文本格式化标签

7. div span标签

8. 注释& 特殊字符

---

一 . 什么是HTML  （hypt text markup language）

   超文本标记语言，描述网页的一种语言 。由标签组成，比如图片标签、视频标签等

二 .HTML标签  

1. HTML 标题

   是通过 <h1> - <h6> 等标签进行定义的。<h1></h1>。全拼head。

    h1 用作主标题（最重要的），其后是 h2（次重要的），以此类推

<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>

2. 段落标签

    是通过 <p> 标签进行定义的。<p></p>。全拼paragraph

<p>water</p>
<p>ice</p>

   2.1 <hr /> 标签

        在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

<p>water</p>
<hr/>
<p>ice</p>

3.换行标签

 <br>或者<br/>。单标签，强制换行，全拼break

<p>water</p>
<br/>
<p>ice</p>

4.链接标签

• 是通过 <a> 标签进行定义的。<a href="url">链接文本</a>
• "链接文本" 不必一定要是文本，图片或其他 HTML 元素都可以成为链接。
• 使用 Target 属性，可以定义被链接的文档在何处显示。_blank新窗口打开；默认值是_self。<a href="url" target=“_blank”>链接文本</a>
• 链接到同一页面的不同位置：

<a href="#oldman">圣诞老人</a>

<h3 id="oldman">圣诞老人的由来</h3>

点击“圣诞老人”会跳转到页面“圣诞老人的由来”的具体位置

5.图像标签

是通过 <img> 标签进行定义的。<img src="# " width="104" height="142" /> 。

属性	属性值	说明
src	图片路径	必须要有
alt	文本	替换文本，图片不能显示时出现的文字
title	文本	鼠标放到图像显示的文字
width	像素	图像的宽度
height	像素	图像高度
border	像素	图像边框粗细

• -路径：
• ------相对路径：图片相对HTML页面的位置

同一路径（和HTML文件处于同一级）：<img src=”chrome.png”/>

下一级路径：<img src=”images/chrome.png”/>

上一级路径：<img src=”../chrome.png”/>

• --------绝对路径：目录下的绝对位置，比如完整的网络地址，或者从盘符开始的路径

6. 文本格式化标签

语义	标签
加粗	<strong></strong>或<b></b>
倾斜	<em></em> <i></i>
删除线	<del></del><s></s>
下划线	<ins></ins> <u></u>

7. div span标签

  没有语义，只是盒子，用来装内容

  双标签，一行只能放一个div标签，一行可放多个span标签

8. 注释& 特殊字符

<!--注释 -->   快捷键：Ctrl+/

空格：&nbsp;

大于号：&gt;

小于号：&lt;