HTML基础
HTML简介
HTMl是英文Hyper Text Markup Language(超文本标记语言)的缩写。大部分HTML元素都有一个开始标记和结束标记。
元素/标签
1.标题
h1-h6
<h1>……</h1>
2.段落
<p>……</p>
3.注释
html<!--注释-->
4.定义文档的主体部分
<main></main>
5.添加图片
img标签是单标签,src属性指向一个图片的地址。alt属性的文本是当图片无法加载时显示的替代文本。
例子:
<img src="https://www.your-image-source.com/your-image.jpg" alt="作者站在沙滩上竖起两个大拇指">
6.链接(锚点)
定义超文本链接(Anchor锚点–实现网页间的跳转)
<a></a>
href是锚点的另一个属性:它指定了链接的 URL 地址.
(1)用锚点实现网页间跳转
例子:
<a href="https://freecodecamp.one">传送至freecodecamp.one</a>
(2)用锚点实现网页内部跳转
设置锚点的href属性值为井号#加上想跳转区域对应的id属性值,这样就可以创建一个内部跳转。id是用来描述网页元素的一个属性,它的值在整个页面中唯一。
target是锚点的一个属性,它指定了会以什么方式来打开链接,属性值 "_blank"的意思是链接会在新元素页打开。
例子:
<a href="#contacts-header">Contacts</a>
……
<h2 id="contacts-header">Contacts</h2>
(3)用 # 号来创建固定链接
href属性的当前值是指向 “http://freecatphotoapp.com”,将href属性的值替换为#,也称为井号,就可以创建固定链接。
(4)给图片添加链接
用把图片img包起来
<a href="#">
<img src="http://cdn.chenzhicheng.com/running-cats.jpg" alt="三只萌萌的小猫">
</a>
如果你坚持看了这儿,谢谢!