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>

如果你坚持看了这儿，谢谢！

总结

以上是生活随笔为你收集整理的HTML基础_Day01的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。