HTML学习一

什么是HTML?

超文本,超越了普通的文本,可以改变字体颜色、添加图片。是css和js的基础

是一种用于创建网页的标准标记语言。而标记语言是一套标记标签

HTML 标签

HTML 标记标签通常被称为 HTML 标签 。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
  • 其结构为<标签>内容</标签>

<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

中文编码

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

HTML 网页文件组成

 

各部分的详细解释   

 

 

 

Web 浏览器

Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

常用标签

单标签:由一个标签组成。<hr/>

双标签:由“开始标签”和“结束标签”两部分构成。例如<p></p>

标题标签

代码如图所示:

 

效果如图:

 段落标签

代码如图所示:

效果如图:

换行标签

代码如图所示:

效果如图:

水平线标签

代码如图所示:

 

 效果如图:

列表

无序列表

代码如图所示:

 效果如图:

div和span 

把div看成一层一层的,span看成一块一块的 

div代码如图

效果如图

span代码如图

 

效果如图

 注意:span不会换行

 格式化标签

font

代码

 

效果

pre

代码:

 

 效果:

文本标签

 

 a标签

 

以空白窗口blank和当前窗口self为主。top为顶层窗口

代码:

效果:

  

 在新窗口打开

 

 a标签的锚点功能

 

图片 

代码:

 

效果: 

注意

alt:在图片无法显示的时候出现文字效果 

图片也可以是在线图片,只需要把图片连接复制到img

表格

tr常用属性

 代码:

 

效果:

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值