HTML
简介
超文本标记语言
HTML元素
元素以开始标签起始,以结束标签终止,元素的内容是开始标签和结束标签之间的内容,某些元素具有空内容,空元素自闭合,
HTML属性
HTML元素可以设置属性,可以在元素中添加附加信息,HTML使用小写属性
HTML标题 <h1> - <h6>
标题通过<h1> - <h6>定义,请确保HTML标题只用于标题,标题不仅仅是为了生成粗体或大号的文本,搜索引擎使用标题为网页的结构和内容编制索引,用户可以通过标题来快速浏览网页
水平线 <hr>
HTML段落 <p>
折行 <br>
HTML文本格式化
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标签提供无法使用脚本时的替代内容