HTML知识点总结大纲
HTML知识点总结
一.基本知识
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签>
HTML 元素包含了开始标签与结束标签,元素的内容是开始标签与结束标签之间的内容,元素属性是 HTML 元素提供的附加信息。
基本HTML 网页结构如下,body标签内的才是我们在浏览器上所视内容
<!DOCTYPE html>
声明为 HTML5 文档
<html>
元素是 HTML 页面的根元素
<head>
元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
<title>
元素描述了文档的标题,浏览器标签名
<body>
元素包含了可见的页面内容
<h1>
元素定义一个大标题
<p>
元素定义一个段落
<!-- 内容 -->
注释内容
二.元素属性
HTML元素属性一般在开始标签中,以键值对表示
<a href="http://www.baidu.com">表示链接</a>
常见属性
其他标准属性参考点击这里
三.头部
<head>
元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<title>
元素定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
<title>文档标题</title>
<style>
标签用于为 HTML 文档定义样式信息。在 style 中,可以规定在浏览器中如何呈现 HTML 文档。具体点击这里
<meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签没有结束标签。详细点击这里
<link>
标签定义了文档与外部资源之间的关系。最常见的用途是链接样式表
<link rel="stylesheet" type="text/css" href="theme.css" />
<script>
标签用于加载脚本文件,如: JavaScript。详细点击这里
<noscript>
元素用来定义在脚本未被执行时的替代内容(文本)。
<base>
标签为页面上的所有链接规定默认地址或默认目标。详细点击这里
四.主体
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
最为常见的有:
1.<h1>
定义最大的标题。 <h6>
定义最小的标题。标题(Heading)是通过 <h1> - <h6>
标签进行定义的.
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
2.<hr>
标签在 HTML 页面中创建水平线
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
3.<p>
标签定义段落。
如果在不产生一个新段落的情况下进行换行(新行),请使用 <br>
标签
<p>这个<br>段落<br>演示了分行的效果</p>
4.<a>
标签定义超链接,用于从一张页面链接到另一张页面。<a>
元素最重要的属性是 href 属性,它指示链接的目标。
<a href="URL">链接</a>
5.<img>
元素向网页中嵌入一幅图像,<img>
标签有两个必需的属性:src 属性 和 alt 属性。src 指 “source”。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。
<img src="url" alt="图片" />
6.HTML表格由 <table>
标签来定义。每个表格均有若干行(由 <tr>
标签定义),每行被分割为若干单元格(由 <td>
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr>
</table>
7.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用 <ul>
标签
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
8.有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol>
标签。每个列表项始于 <li>
标签。
列表项使用数字来标记。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
9.<div>
可定义文档中的分区或节(division/section)。
<div>
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>
,那么该标签的作用会变得更加有效。
<div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p>
</div>
10.<form>
标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。详细这里
<form action="form_action.asp" method="get"><p>First name: <input type="text" name="fname" /></p><p>Last name: <input type="text" name="lname" /></p><input type="submit" value="Submit" />
</form>
转载于:
作者:fengf233
出处:https://www.cnblogs.com/fengf233/
结尾(附加自己笔记)
HTML知识点总结大纲相关推荐
- 00QT知识点学习大纲
文章目录 简介 元对象系统 信号与槽 松耦合 一对多 多对一 断开连接 动态属性 对象树 部件基类 QWidget 窗体风格 窗体尺寸 尺寸策略 QDialog 常用小部件 QLabel 按钮 QLi ...
- 机器学习 数据挖掘知识点总结大纲
** Basis(基础): ** SSE(Sum of Squared Error, 平方误差和) SAE(Sum of Absolute Error, 绝对误差和) SRE(Sum of Relat ...
- 【总结】Java核心技术36讲知识点大纲(转载)
Java核心技术36讲知识点总结大纲 1 Java平台的理解 Java的特性,解释运行和编译运行 2 Exception 和 Error 有什么区别 理解Java的异常体系的设计,Throwable ...
- 【总结】Java核心技术36讲知识点大纲
前段时间在极客时间上购买了杨晓峰老师的<Java核心技术36讲>,趁着这段时间有空,对相关知识点做了一个整体的大纲,也对自己所掌握的Java基础进行了一个复习和梳理,若想深入学习,可以购买 ...
- 考研计算机统考知识点,09计算机考研统考大纲权威解读之考试范围
09年计算机考研统考大纲权威解读之考试范围分析 下面我们来说说新大纲的考查范围,统考大纲的考查范围说的比较笼统,考查的知识点方面也只是把有关教材的章节名列举出来,并没有强调每个知识点应该掌握到什么程度 ...
- Java常用基础知识点总结(最全)
Java基础知识点总结 大纲 一.Java基础(语言.集合框架.OOP.设计模式等) 二.Java高级(JavaEE.框架.服务器.工具等) 三.多线程和并发 四.Java虚拟机 五.数据库(Sql. ...
- Java面试知识点大全
知识点复习大纲 目录 1 基础篇 4 一.JDK常用的包 4 二. Get和Post的区别 4 三. Java多态的具体体现 4 四. StringBuffer StringBuilder Strin ...
- Java研发工程师知识点总结
Java研发工程师知识点总结 大纲 一.Java基础(语言.集合框架.OOP.设计模式等) 二.Java高级(JavaEE.框架.服务器.工具等) 三.多线程和并发 四.Java虚拟机 五.数据库(S ...
- React.js 入门与实战课程思维导图
原文发表于我的技术博客 我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,在这里分享了课程中的思维导图,供大家参考. 原文发表于我的技术博客 此导图为课程 ...
最新文章
- Linux手动启动、停止多个服务用的shell脚本
- SqlServer索引的原理与应用
- 面向对象三大特性,六个原则
- 在word中,整篇文章想要在每一章另起一页
- cmd控制屏幕光标_电脑控制手机?上班时间愉快尽情地玩手机吧!它值得您拥有!...
- 谷歌浏览器怎么更新升级
- redis cluster中添加删除重分配节点例子
- Android 8.0 Settings新添加的重写getMetricsCategory
- 高光谱地物识别练习-从ENVI标准波普库中选择端元进行物质识别
- java操作无符号数
- openssl生成自签名证书流程
- 【公开课】斯坦福大学:机器学习课程
- WhatsApp Business 与 Google My Business:它们的运作方式和不同之处
- android 聊天气泡背景图片,关于实现微信聊天气泡里显示图片
- 微信小程序实现画布各种手机尺寸自适应
- 我想知道怎么提升csgo枪法
- k64 datasheet学习笔记26--Oscillator (OSC)
- PCL点云的旋转平移矩阵
- 金牌网管师系列教材北京发布会我的演讲稿
- 小车加速减速的c语言,c2控制速度技巧