liuyulin
发布于 2024-02-02 / 25 阅读
0
0

HTML

HTML

简介

超文本标记语言

HTML元素

元素以开始标签起始,以结束标签终止,元素的内容是开始标签和结束标签之间的内容,某些元素具有空内容,空元素自闭合,

HTML属性

HTML元素可以设置属性,可以在元素中添加附加信息,HTML使用小写属性

HTML标题 <h1> - <h6>

标题通过<h1> - <h6>定义,请确保HTML标题只用于标题,标题不仅仅是为了生成粗体或大号的文本,搜索引擎使用标题为网页的结构和内容编制索引,用户可以通过标题来快速浏览网页

水平线 <hr>

HTML段落 <p>

折行 <br>

HTML文本格式化

标签

描述

<b>

粗体文本

<em>

着重文字

<i>

斜体文字

<small>

小号字

<strong>

加重语气

<sub>

下标签字

。。。

。。。太多了

HTML连接 <a>

href属性

target属性

target属性可以定义被链接的文档在何处显示

id属性

id属性可以用于创建一个HTML文档书签,书签不会以任何特殊的方式显示,对于读者来说是隐藏的

注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://...../html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://......./html/"。

HTML头部 <head>

在head中可以插入scripts,CSS以及各种meta信息

标题 <title>

<title>定义了文档的标题,是必须的

其他元素

<base> 描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接

<link> 定义了文档与外部资源之间的关系,通常用于链接到CSS

<style> 定义了文档的样式文件引用地址,也可以在其中直接添加样式来渲染HTML文档

<meta> 描述了一些基本的元数据,元数据 不显示在页面上,但是会被浏览器解析,通常用于指定网页描述,关键词,文档的最后修改时间,作者和其他元数据,可以用于浏览器,搜索引擎,或其他web服务

HTML图像 <img>

HTML中,图像是由<img>标签定义的,<img>是空标签,自闭合。

src属性存储图片的位置,alt属性用来为图像定义一串预备的可替换文本,height和width用于设置图片的高度和宽度

HTML表格 <table>

表格可以有若干行,用<tr>标签定义;每行可以被分为若干单元格,用<td>定义。td指表格数据,即单元格的内容,可以是文本,图片,列表,段落等。

border定义表格边框

HTML列表

列表中的每一行用 <li>

无序列表 <ul>

在页面中显示小黑子

有序列表 <ol>

在界面中显示数字

自定义列表

自定义列表以 <dl> 开始,每个自定义列表项以 <dt> 开始,每个自定义列表项的定义由 <dd> 开始

HTML区块

区块元素

HTML可以通过 <div> 和 <span> 将元素组合起来。大多数HTML元素被定义为块级元素或内联元素,块级元素在浏览器显示时,通常会以新航来开始,例如:<h1> , <p> ...

内联元素

内联元素在显示时通常不会以新行开始,例如:<a> , <b>

<div>与<span>

<div>是块级元素,可以用来组合其他HTML元素,浏览器会在它前后进行折行。如果与CSS一起使用,可以用于对大块内容设置样式属性。<div>元素的另一个常见的用途就是文档布局,取代了使用表格定义布局的老方法。

<span>是内联元素,可以用作文本容器,与CSS一同使用,可以为部分文本设置样式属性

HTML网站布局

大多数网站使用<div>或<table>来创建多列,CSS用于对元素进行定位,或者为页面创建北京以及色彩丰富的外观。

虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的,表格不是布局工具

使用CSS最大的好处是,如果把CSS代码存放到外部样式表中,那么站点会更易于维护,通过编辑单一的文件,就可以改变所有的页面的布局

HTML表单 <form>

HTML表单用于收集用户的输入信息,表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到web服务器。

<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
</form>

表单允许用户在表单中注入内容,比如:文本,下拉列表,单选框,复选框等等,用type属性来定义

HTML框架 <iframe>

通过iframe可以让同一个浏览器窗口中显示不止一个页面

iframe设置宽度与高度

<iframe loading="lazy" src="demo_iframe.htm" width="200" height="200"></iframe>

iframe移除边框

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

iframe显示目标链接页面

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>

HTML颜色

HTML颜色由16进制符号定义,最小值0,最大值255

HTML脚本 <script>

使用java script使界面具有更强的动态和交互性

<noscript>标签

noscript标签提供无法使用脚本时的替代内容


评论