HTML基础跟着李南江学编程

结构元素

div：在文档中定义一块区域，即包含框，容器
span：在文本行中定义一块区域，即行内包含框
ol：根据一定的排序进行列表
ul：没有排序的列表
li：每条列表项
dl：以定义的方法进行列表
dt：定义列表中的词条
dd：对定义的词条进行解释
del：定义删除的文本
ins：定义插入的文本
h1~h6：标题1到标题6，定义不同级别的标题
p：定义了段落结构
hr：定义水平线

内容元素

a：定义超链接
abbr：定义缩写词
address：定义地址
acronym：定义取首字母的缩写词
dfn：定义条目
kdb：定义键盘键
samp：定义样本
var:定义变量
tt：定义打印机字体
code：定义计算机源代码
pre：定义预定义格式文本，保留源代码格式
blockquote：定义大块内容引用
q：定义引用短语
strong：定义重要文本
em：定义文本为重要

class：定义类规则或样式规则
id：定义元素的唯一标识
style：定义元素的样式声明
这些元素不拥有核心属性：html、head、title、base、meta、param、script、style，这些元素一般位于文档头部区域，用来定义网页元信息。
lang：定义元素的语言代码或编码。
dir：定义文本方向，包括ltr和rtl取值，分别表示从左向右和从右向左。
以下这些元素不拥有语言属性：frameset、frame、iframe、br、hr、base、param、script。
例如：<html xmlns="http:/xxx/xhtml" dir="rtl" lang="en">

accesskey：定义访问某元素的键盘快捷键
- 使用accesskey属性可以使用快捷键(Alt+字母)访问指定的URL，但是浏览器不能很好的支持，在IE中仅激活超链接，需要配合Enter键确定。
- 一般会在导航栏中设置快捷键。例如：
  <a href="http://www.baidu.com" accesskey="a">按住Alt键，点击A键可以链接到百度首页</a>
tabindex：定义元素的Tab键索引编号
- tabindex属性用来定义元素的Tab访问顺序，可以使用Tab键遍历页面中的所有连接和表单元素。遍历时会按照tabindex的大小决定顺序，当遍历到某个链接时，按Enter键即可打开链接页面。
- 例如：
```
<a href="http://www.baidu.com" tabindex="1">百度</a>
<a href="http://www.163.com" tabindex="2">网易</a>
<a href="http://www.qq.com" tabindex="3">腾讯</a>
```

alt:定义元素的替换文本
title：定义元素的提示文本
longdesc：定义元素包含内容的大段描述信息没有浏览器支持 longdesc 属性。
cite：定义元素包含内容的引用信息
datetime：定义元素包含内容的时间和日期
alt和title是两个常用的属性，分别用于定义元素的替换文本和提示文本

例如：

<a href="#" title="提示文本">超链接</a>
<img src="URL" alt="替换文本" title="提示文本"/>
<a href="http://www.baidu.com"><cite>百度</cite></a>
<input type="image" src="URL" alt="替换文本"/>

rel：定义当前页面与其他页面的关系
rev：定义其他页面与当前页面之间的链接关系
rel表示从源文档到目标文档的关系
rev表示从目标文档到源文件的关系
例如：

`<a href="Demo.html" rel="prev">`链接到集合中的前一个文档</a>

我正在跟着江哥学编程,更多前端+区块链课程: www.it666.com

HTML基础跟着李南江学编程相关推荐

前端基础1 - 跟着李南江学编程
前端基础1 - 跟着李南江学编程基础语法: ` Title <div> <dl> <dt> <a href="text.html"> ...
从零玩转HTML5+CSS3项目实战-跟着李南江学编程
从零玩转HTML5+CSS3项目实战-跟着李南江学编程 1.CSS高级应用 1.边框圆角的基本使用 1.1什么是边框圆角:将直角的边框变为圆角的边框 1.2边框圆角的格式:border-radius: ...
Bootstrap - 跟着李南江学编程
Bootstrap Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局.移动设备优先的 WEB 项目. Bootstrap 是一个用于 HTML.CSS 和 JS 开发的开源工具包.利 ...
【深度学习】ResNet残差网络 ResidualBlock残差块实现(pytorch) | 跟着李沐学AI笔记 | ResNet18进行猫狗分类
文章目录前言一.卷积的相关计算公式(复习) 二.残差块ResidualBlock复现(pytorch) 三.残差网络ResNet18复现(pytorch) 四.直接调用方法五.具体实践(ResN ...
动手学深度学习在线课程-跟着李沐学AI
动手学深度学习在线课程-跟着李沐学AI http://courses.d2l.ai/zh-v2/ 李宏毅<机器学习>中文课程(2022) https://hub.baai.ac.cn/vi ...
编程需要学计算机基础嘛,非计算机专业学编程需要什么基础?
"学编程需要什么基础?"这是困扰许多初学者的问题. 想学习编程的时候,有各种担心,担心完全没有接触过,不清楚能不能学会? 还担心用了一段时间学习,发现完全没学到什么?还担心学习的时 ...
零基础该怎样开始学编程？
说起这几年最火的行业,应该非互联网莫属,特别是随着5G.大数据.云计算的发展,IT向全行业渗透的速度更是日益加快,薪资水平也是水涨船高,于是很多朋友都想学编程,甚至很多非计算机相关专业的同学也想进入I ...
我都30岁了，零基础想转行去学编程，靠谱吗？
写在前面 "我都30岁了,零基础小白想转行去学编程,靠谱吗?" 这个问题我在各大论坛看到的频率很高. 对于这样的提问,有时候很难一两句话就可以说清楚,因为每个人的情况都不一样:就算 ...
小白快速变大神，零基础菜鸟应该怎么学编程
最近,在交流群里经常有苦逼小白问怎样学编程,对编程有兴趣但无从下手,这是个庞大到让大神们"无言以对"的命题.在知乎.CSDN等论坛上,许多同行也对此类问题进行了探讨,小编就其中认可 ...
【转】我都30岁了，零基础想转行去学编程，靠谱吗？
web小二 web前端开发我都30岁了,零基础小白想转行去学编程,靠谱吗? 这个是公号读者朋友咨询率最高的问题之一. 对于这样的提问,有时候很难一两句话就可以说清楚,因为每个人的情况都不一样:就算有 ...

HTML基础跟着李南江学编程

HTML基础跟着李南江学编程相关推荐

最新文章

热门文章