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相关推荐

CSS基础_Day01
CSS基础一.CSS简介 CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式. CSS 的选择器区分大小写,因此要谨慎使用大写. 可以设置以下内容: ...
每日整理Python基础——python教程入门学习
01_Linux基础 1.操作系统的作用? 操作系统是配置在计算机硬件上的第一层软件,主要作用是管理好硬件设备. 2.Linux中根目录和家目录分别用什么表示? /表示根目录.~表示家目录 3.Lin ...
python命名规则数字开头的成语_day01 Python基础
课堂随笔: python基础一什么是编程语言? 二计算机组成部分 CPU 内存外存输入设备输出设备三安装与使用 1.安装py thon解释器 2.安装pycharm编辑器 3.创建py ...
java入门慕路径,Java入门基础知识总结学习教程大全【必看经典】
类型的表达式,是循环条件,表达式3是党执行了一遍循环之后,修改控制循环的变量值. ??? for语句的执行过程是这样的:首先计算表达式1,完成必要的初始化工作:然后判断表达式2的值,如果表达式的值为t ...
提交表单自动刷新_Web自动化测试：元素的基础操作和浏览器基础操作
上一节,我们了解了如何定位元素,其实也有涉及对于元素的操作,这一节我们就详细的介绍一下对于元素的操作和对于浏览器的一些操作一.对于元素的基础操作: clear():清除输入框内的文本 send_ke ...
java mybatis基础
java mybatis基础 1.1 什么是mybatis? mybatis是一个优秀的持久层框架. 避免几乎所有的JDBC代码和手动设置参数以及获取结果集的过程. 可以使用简单的xml或者注解来配置 ...
【J2SE】学习基础
Java基础语法基础 OO Exception Array 基础类 I/O Stream Collection/Generic Thread TCP/UDP GUI Meta Data Regula ...
【Linux系统】基础总结
我不太清楚运维部门具体是做什么的,就接触过一点点运维部门! 也就是是知道他们负责管理服务器,管理网络,管理项目部署偶尔自己需要部署,不得不接触一些linux命令.简单总结一些基础 linux系统发展 ...
【Java 2 Platform Enterprise Edition】基础
问题1:为什么java是无关平台? 你之前用C或者C++写的源代码,编译好后,换一种操作系统,可能就执行不了了.因为新的操作系统不识别,你需要修改你的源码,并在新的操作系统上重新编译才能运行,比如Wi ...

HTML基础_Day01