网页编程三剑客之HTML

简介: 网页编程初识(附学习网站)

互联网三要素:HTML、HTTP、URL

HTML(Hyper Text Markup Language):超文本标记语言
HTTP(HyperText Transfer Protocol):超文本传输协议
URL(Uniform Resource Location) :统一资源定位符

HTML简介1

HTML:超文本标记语言
超文本:文本信息 、图片、声音、视频、超链接等
标记:标签的体现

1、<!DOCTYPE html>

HTML5中的文档约束(DTD),代表使用的是H5格式

2、<meta>标签

在书写超链接时,必须在域名前写上: http://¬¬¬¬对搜索引擎优化,添加关键字、描述、作者、版权等信息
设置自动刷新网页
禁止网页缓存

3、body内的常用标签

a) 标题标签<h>

分为h1-h6,字体由大到小,会自动换行
—align:调整对齐方式

b) 分割线标签<hr>

—width:分割线水平宽度
—color:颜色
—size:垂直宽度

c) 段落标签<p>

在两个段落之间会有段间距,适合排版时使用
—&nbsp:空格

d) 预文本标签<pre>

按照书写方式输出,灵活性较大,不推荐使用

e) 常用的小标签

--u 下划线
--I 斜体
--b 加粗
--del 删除线标签
--sup 上标标签
--sub 下标标签
--small 字体变小标签
-big 字体变大标签

f) 字体标签<font>

-color 颜色
-size 大小
-face 字体

g) 列表标签

--ol 有序列表
--ul 无序列表
--dl 自定义列表

h) 跑马灯标签<marquee>

-direction 滚动方向
-scrollamount 滚动速度

g) 超链接标签<a>

实现锚点功能
实现不界面之间的跳转
-href 指定跳转到目标资源位置
-target 打开网页的方式
-self        从本页跳转
-blank    另起一页跳转
-xxx...    自定义        

<a href="#bottom" name="top">返回底部</a>
<a href="#top" name="bottom">返回顶部</a>

h) 图片标签<img>

-src 引入图片的位置{相对路径、绝对路径、网络路径
-title:图片的标题
-alt:图片无法正常显示的时候显示的属性
-align:图片的位置 ,必须有参照物

i) 表格标签<table>

-border 边框大小
-width、heigth 单元格宽高
-cellpadding 内容和单元格的距离
-colspan 合并列
-rowspan 合并行
-bgcolor 背景色
--tr 表格行(height指定行高)
--td 表格列(width指定列宽)
--th 标题列:自动加粗居中

tip:Table>tr3>td3+tab 快速指定一个三行三列的表格

J)表单标签

-action 表单提交的位置,可以进行页面跳转
-method 表单提交方式(post、get)
-get:参数会依附于url地址之后,数据长度有限制,不安全

-post:参数不会依附于地址,不受限,安全
--input 设置输入框体
-type 框体类型

-text            文本框
-checkbox        多选框
- textarea        多行文本框
-file                文件选择框
-hidden            隐藏框
-select、option    下拉框 
-submit            提交按钮
-reset            清空按钮
-button            普通按钮

**-name 框体的内部名称
-value 默认显示框体的值**

k) 框架标签<iframe>

-width 宽度
-heigth 高度
-name 框架的值
-src 资源的位置
产生三条连接标签

Html5简介:

H5中的表单增强标签<form><input>

-email 邮箱输入框
-number 数字输入框
-range 滑动器输入框
-date、week、moth 日期输入框
-color 颜色输入框

H5中的音频标签<audio>

-src
-controls

H5中的视频标签<vedio>

-src
-controls
-width
-heigth

多媒体标签<embed>

-width
-heigtth

独立内容标签<figure>

用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
-figcaption

着重强调标签<mark>

细节/选择标签<details>

-summary

刻度标签<meter>

-max 规定的最大值
-min 规定的最小值
-value 当前的值
-low 自定义最小值
-high 自定义最大值

进度条标签<progress>

-max 规定的最大值
-min 规定的最小值
-value 当前的值

画布标签 <canvas>

在这里插入图片描述
上面知识点知识本人总结的,想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站,免费开源!!!
领先的 Web 技术教程 - 全部免费
在 w3school,你可以找到你所需要的所有的网站建设教程。

从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。

从左侧的菜单选择你需要的教程!

提取码:hqfu
复制这段内容后打开百度网盘手机App,操作更方便哦


  1. 使用软件HBbuilder,无需注册,直接暂不登陆即可使用~~~分享如下链接:https://pan.baidu.com/s/1Q9dTwMDY8F_B2FGrFxL07w
相关文章
|
3月前
|
XML 前端开发 C#
C#编程实践:解析HTML文档并执行元素匹配
通过上述步骤,可以在C#中有效地解析HTML文档并执行元素匹配。HtmlAgilityPack提供了一个强大而灵活的工具集,可以处理各种HTML解析任务。
231 19
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
696 0
|
9月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
307 4
|
9月前
|
移动开发 HTML5
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
452 0
HTML5实现好看的中秋节网页源码
|
10月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
300 3
|
10月前
|
存储 移动开发 JavaScript
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
|
11月前
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
12月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
450 22
|
12月前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
436 2
利用 html_table 函数轻松获取网页中的表格数据
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)