初识 “HTML”
HTML
什么是HTML？
①全称：超文本标记语言
②超文本：在普通的文本内容的基础上添加超链接、图片、视频等
③标记语言：HTML提供一系列标签
④版本：HTML 4.01
HTML声明
1.编码格式：HTML 5
2.HTML的模版
①HTML的声明 <!DOCTYPE html>
作用：告诉浏览器当前HTML页面的版本和类型
用法：必须在HTML页面的0行0列
注意：声明并不是必要的，声明让浏览器更好地解析HTML页面。
②根标签<html>
闭合标签:具有开始标签和结束标签
注意：一个HTML页面中只能具有一个根标签
③<head>标签
作用：定义当前HTML页面的信息
子标签
<title> 定义HTML页面的标题，方便被搜索引擎抓取。
<link> 引入外部的CSS文件
<style> 编写CSS样式代码
<script> 引入外部的JavaScript文件或编写JavaScript代码
<meta> <meta charset="UTF-8"> 设置编码格式
<meta name="keywords"> 设置关键字，方便被搜索引擎抓取。
④<body>标签
作用：显示在浏览器窗口中
HTML的标签
①闭合标签：具有开始和结束标签
②单标签：只有开始标签
HTML的属性
1.定义：被定义在开始标签
2.格式：属性名称="值"
3.分类：
①标准属性：几乎所有的标签都具有的属性
举例：id-标识，唯一
name-名称
class
style
②私有属性：只有某个具体的标签具有的属性
常见的标签：
标题 <h1>~<h6>
效果：从大到小
<h1>：方便地搜索引擎抓取，一个HTML页面最好只有一个<h1>
段落 <p></p>
换行 <br>
水平线 <hr>
列表
①有序列表
<ol>
<li></li>
</ol>
②无序列表
<ul>
<li><li>
</ul>
③定义列表
<dl>
<dt>项目名称</dt>
<dd>项目中的具体内容</dd>
</dl>
链接
<a href="地址"></a>作用：实现页面之间的跳转
②锚点
<a href="#名称">回到顶部</a>③发送邮件
④<a>元素的属性列表
| 属性名 | 值 | 描述 |
|---|---|---|
| href | URL | 规定链接的目标 URL。 |
| target | _blank/_parent/_self | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
路径
①相对路径：目标页面相对于当前页面的路径
②绝对路径：从根目录开始查找到目标页面的路径
图片
①<img src="图片的地址" alt="">
②显示大小：width 设置图片显示的宽度
Height 设置图片显示的高度
③注意：设置显示的宽度和高度与原图片的比例保持一致
④img元素的属性列表：
| 属性名 | 值 | 描述 |
|---|---|---|
| align | topbottommiddleleftright | HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
| alt | text | 规定图像的替代文本。 |
| height | pixels | 规定图像的高度。 |
| src | URL | 规定显示图像的 URL。 |
| width | pixels | 规定图像的宽度。 |
HTML表格
①概念：具有行和列
②基本结构<table> 表示表格<tr> 表示行<td> 表示单元格
③带表头的表格
表头单元格由<th>创建，元素中的文本通常呈现粗体并居中。
标准单元格由<td>创建，元素中的文本默认左侧对齐。
分类：
<thead> 表示表格的表头，显示在表格的最上面。
<tbody> 表示表格中的数据
<tfoot> 表示表格中的结尾，显示在表格的最下面。
④带标题的表格
<caption>定义标题：每个表格只能设置一个，默认居中显示。
⑤跨行或跨列
rowspan 跨行
colspan 跨列
HTML表单
①作用：提交页面中的数据内容
②<form>：表示表单
属性名 值 描述
action URL 规定当提交表单时向何处发送表单数据。
method get/post 规定用于发送表单数据的 HTTP 方法。
name text 规定表单的名称。
③表单的组件：<input>
④输入框
<input type="text">
<input type="password">
⑤按钮
<input type="button">
<input type="reset">
<input type="submit">
⑥单选或多选框
<input type="radio">
<input type="checkbox">
⑦隐藏域
<input type="hidden">
⑧文件域
<input type="file">
⑨<select>
下拉单选框
下拉多选框
HTML实体
概念：HTML实体指的就是HTML的转义字符
| 显示结果 | 描述 | 实体名称 |
|---|---|---|
| 空格 | ||
| < | 小于号 | < |
| > | 大于号 | > |
| & | 和号 | & |
| " | 引号 | " |
| © | 版权（copyright） | © |
| ® | 注册商标 | ® |
| ™ | 商标 | ™ |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
初识 “HTML”的更多相关文章
- Android动画效果之初识Property Animation（属性动画）
前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...
- 初识Hadoop
第一部分: 初识Hadoop 一. 谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...
- python学习笔记（基础四：模块初识、pyc和PyCodeObject是什么）
一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...
- 初识IOS,Label控件的应用。
初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...
- UI篇（初识君面）
我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...
- Python导出Excel为Lua/Json/Xml实例教程（一）：初识Python
Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...
- 初识SpringMvc
初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...
- 初识redis数据类型
初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...
- Redis初识、设计思想与一些学习资源推荐
一.Redis简介 1.什么是Redis Redis 是一个开源的使用ANSI C 语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的API.从2010 年 ...
- MongoDB【第一篇】MongodDB初识
NoSQL介绍 一.NoSQL简介 NoSQL,全称是”Not Only Sql”,指的是非关系型的数据库. 非关系型数据库主要有这些特点:非关系型的.分布式的.开源的.水平可扩展的. 原始的目的是为 ...
随机推荐
- 设置PPT版式
1.点击视图,幻灯片母版 2.选中某个PPT母版,可进行编辑
- android 圆环进度view
新建RoundProgressBar class RoundProgressBar : View { private val paint = Paint() var max = 100 //最大进度 ...
- Flask的Jinja2模版过滤器
Jinja2模版过滤器 过滤器是通过管道符号(|)进行使用的,例如:{{ name|length }},将返回name的长度.过滤器相当于是一个函数,把当前的变量传入到过滤器中,然后过滤器根据自己的功 ...
- 树莓派搭建钓鱼wifi热点
我们连接的公共wifi其实是非常不安全的网络,骇客可以利用wifi路由设备进行中间人攻击,劫持DNS伪造钓鱼网站.接下来我会做个简单的实验,伪造中国电信的路由ChinaNet并发射出热点wifi等待别 ...
- 4）date中的Ymd格式问题
以下是详细的参数: format 字符 说明 返回值例子日 --- ---d 月份中的第几天,有前导零的 2 位数字 01 到 31D 星期中的第几天,文本表示,3 个字母 Mon 到 Sunj 月份 ...
- python语法基础-基础-运算符
############################################ Python语言支持以下类型的运算符: 算术运算符 比较(关系)运算符 赋值运算符 逻辑运算符 位运算符 成员 ...
- 使用 FreeMarker模板 Springboot 发送邮件
四.使用 FreeMarker模板 HTML 标签的字符串拼接是一件很棘手的事.因为在你的大脑中解析HTML标签并想象它在渲染时会是什么样子是挺困难的.而将HTML混合在Java代码中又会使得这个问题 ...
- 百度AI技术
利用百度提供接口,实现智能语音 语音合成 -- TTS(text to speech) 注册 在 ai.baidu.com 页面中点击 控制台 ,弹出登陆 / 注册页面 创建应用 登陆成功后,点击左侧 ...
- 框架之MyBatis
什么是框架,简单的来说框架就是一个程序的半成品,而我们就是的工作就是根据我们的工作需要将其完善.MyBatis框架的作用就是将我们使用JDBC操作数据库的过程移交给MyBatis,让它来帮我们完成这些 ...
- Windows Server 2012 R2 强制卸载域控制器
本次实验要演示的是强制卸载域控制器并且在其他域控制器上删除不需要的服务器对象,这种情况在现实的生产使用环境中经常使用,每个企业每年都会有增减域控制器的时候,而且在减少了域控制器之后,原本的域还会继续使 ...