【一起来烧脑】一步学会HTML体系

[外链图片转存失败(img-zk4xNuy1-1563431241992)(https://upload-images.jianshu.io/upload_images/11158618-4e9cac1478aa949a.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

什么是HTML

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

使用这些标记标签来描述网页
HTML文档也叫web页面

声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据 元素描述了文档的标题 元素包含了可见的页面内容 元素定义一个大标题

元素定义一个段落

元素

这是一个段落 这是一个链接
换行

起始标签
闭合标签

某些 HTML 元素具有空内容

嵌套的HTML元素

<!DOCTYPE html> <html> <body> <p>My first paragraph</p> </body> </html>

注:不要忘记结束标签

空的HTML元素


标签定义换行

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭

添加斜杠 比如

推荐使用小写,使用小写标签

属性

属性是为HTML元素提供附加信息的

<a href="http://www..com/">This is a link</a> class classname 设置元素类名 id id 设置元素唯一id style style_definition 设置元素的行内样式 title text 设置元素的额外信息 标题 - 标签进行定义的 定义最大的标题。 定义最小的标题。 标签在 HTML 页面中创建水平线。

注释写法如下:

实例:

<!-- 这是一个注释 -->

<html> 定义 HTML 文档
<body> 定义文档的主体
<h1> - <h6> 定义 HTML 标题
<hr> 定义水平线
<!--...--> 定义注释

段落

<p> 定义段落。
<br/> 插入单个折行(换行)。

样式

style属性

<center> 定义居中的内容
<font> 和 <basefont> 定义 HTML 字体
<s> 和 <strike> 定义删除线文本
<u> 定义下划线文本

align 定义文本的对齐方式
bgcolor 定义背景颜色
color 定义文本颜色

HTML背景颜色

background-color 属性为元素定义了背景颜色。
font-family、color 以及 font-size
text-align 属性规定了元素中文本的水平对齐方式

格式化

在一个HTML文件中对文本进行格式化。

定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字
定义计算机代码
定义键盘码
定义计算机代码样本
定义变量

定义预格式文本 定义地址 定义缩写 定义文字方向 定义长的引用 定义短的引用语 pre 标签对空行和空格进行控制。 ## CSS 内联样式 使用"style" 属性 内部样式 使用 ``` 链接 <a href="http://www.likecs.com/url">链接文本</a>

href 属性规定链接的目标。
HTML链接Target属性

<a href="http://www..com/" target="_blank"></a>

HTML链接Name属性

Name属性规定锚(anchor)的名称。

<a>有用的提示部分</a> <a href="#tip">访问有用的提示部分</a> 头部 元素 元素

头部区域的元素标签为: ,

定义关于文档的信息。 定义文档标题。 定义页面上所有链接的默认地址或默认目标。 定义文档与外部资源之间的关系。 定义关于 HTML 文档的元数据。 </meta></link></base>

每15秒刷线当前网页

<meta http-equiv="refresh" content="15">

定义网页作者

<meta content="dashu">

定义搜索引擎的关键词

<meta content="HTML, CSS">

定义网页描述内容

<meta content="免费 Web & 编程 教程"> 图像

HTML

标签和Src源属性

是空标签,它只包含属性,并且没有闭合标签。

HTML替换文本属性Alt

<img src="http://www.likecs.com/.jpg" alt="da">

定义图像

表格

[外链图片转存失败(img-ibsjdpX7-1563431241996)(https://upload-images.jianshu.io/upload_images/11158618-fbe7cec91d972760.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

<table> <tr> <td>第一行,第一列</td> <td>第一行,第二列</td> </tr> <tr> <td>第二行,第一列</td> <td>第二行,第二列</td> </tr> </table>

HTML表格表头

表格的表头使用 标签进行定义。

定义表格 定义表格的行 定义表格列的组 定义用于表格列的属性 定义表格的页眉 定义表格的主体 定义表格的页脚 定义表格的表头
定义表格单元  
定义表格标题 列表 定义有序列表 定义无序列表

定义列表项 定义列表 自定义列表项目   定义自定列表项的描述  

区块

HTML块元素
例子:

,。

HTML内联元素
实例:

定义文档中的分区或节(division/section)。 定义 span,用来组合文档中的行内元素。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzzwws.html