目录
一 . 什么是HTML (hypt text markup language)
一 . 什么是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+/
空格:
大于号:>
小于号:<