HTML基础

一:HTML简介

  • HTML

  • HTML值得是超文本标记语言,不是一种编程语言,是用来描述网页的一种标记语言
  • 标记语言是一套标记标签,HTML使用标记标签来描述网页
  • HTML标签

  • 标签组成:标签名,属性名(名称值对的形式),内容。
  • 标签是由尖括号包围的关键词,通常成对出现
  • 标签中的第一个标签是开始标签,第二个标签是结束标签
  • HTML文档

  • HTML文档描述网页
  • 包含HTML标签和纯文本
  • HTML文档也称为网页

二:HTML元素

  • HTML语法

  • 开始标签起始,以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些HTML元素具有空内容
  • 空元素在开始标签中进行关闭
  • 大多数html元素可拥有属性
  • HTML标签元素

  • <p> </p>段落元素。定义文档中的一个段落
  • <body>定义了HTML文档的主题
  • <hr>创建水平线
  • <h1>-<h6>进行标签定义
  • <!-- -->html注释
  • <html>元素:定义了整个HTML文档
  • 没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的
  • <br>就是没有关闭的空元素(</br>关闭)
  • HTML属性

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。属性值和属性值对大小写不敏感

在HTML4推荐标准中小写的属性/属性值,而新版本的(X)HTML要使用小写属性。

  • HTML样式

  • <background-color>定义了背景颜色
  • align:设置对其方式
  • font-family:字体设置,color:颜色,font-size:字体尺寸
  • style属性的作用:提供了一种改变所有HTML元素的样式的通用方法(HTML4引入的)
  • 在HTML4中,有若干的标签和属性是被废弃的,在未来的版本的HTML和XHTML中将不在支持这些标签和属性

 HTML格式化

  • 文本格式化
  • <b></b>加粗,是实体标签
  • <strong></strong>    强调标签中的内容,是web标准中的的标签,“强调”可以用加粗来强调,也可以用其他方式来强调,比如下划线等等,可以通过css来改变strong的具体表现。
  • <big></big>标签之间的文字其字体比其周围的文字要大一号,但是如果这个文字已经是最大字体了则不起作用
  • <em></em>斜体显示强调标记
  • <i></i>字体倾斜
  • <small></small>标记定义小型文本
  • <sup></sup>定义上标
  • <sub></sub>定义下标
  • 预格式文本
  • <pre></pre>元素中的文本通常会保留空格和换行符,而文本也会呈现等宽字体(保留文本格式)
  • 计算机输出标签(这些标签通常用于显示计算机/编程代码)
  • <code></code>
  • <kbd></kbd>定义键盘文本。它表示文本是从键盘上键入的
  • <tt></tt>
  • <samp></samp>定义样本文本
  • <var></var>定义变量
  • 地址
  • <address></address>在HTML中显示地址
  • 文字方向
  • <bdo dir="rtl">  </bdo>文字从右向左输出
  • 块引用
  • <blockquote> 这是长的引用,浏览器会插入换行和外边距</blockquote>浏览器会缩进
  • <q>这是短的引用,浏览器没有任何特殊的呈现</q>浏览器会加上双引号
  • 删除字效果和插入字效果
  • <del></del>
  • <ins></ins>

三:HTML CSS

  • 样式

  • 外部样式
  • 内部样式
  • 内联样式
  • 链接

  • <a href="" target=""></a>
  • 图片

  • <img src="" >
  • 表格

  • <table> <tbody><tfoot>
  • <td>  <th>
  • 列表

  • 有序列表:<ul><li></ul>
  • 无序列表:<ol><li></ol>
  • 定义列表:<dl><dt></dt><dd></dd><dt></dt><dd></dd></dl>
  • 块元素

  • div,span

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值