HTML入门
关注
分享
扫一扫
HTML入门课程
辉小歌
九局下半转啊转，我把帽子反戴，还在期待逆转。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML简介
HTML的基本了解什么是HTML?HTML 是用来描述网页的一种语言。HTML (HyperText Markup Language/超文本标记语言)HTML 不是一种编程语言，而是一种标记语言HTML 使用标记标签来描述网页HTML 标签HTML 标签是由尖括号包围的关键词，比如 <html>HTML 标签通常是成对出现的，比如 <b> 和 </b>标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签原创 2022-02-28 15:39:32 · 248 阅读 · 0 评论 -
创建一个HTML文件
创建一个基本的html文件这里演示用的编译器是: sublime。当然你也可以直接用记事本来编写。打开sublime，创建一个以.html为后缀的一个文件(.html .htm以上两种后缀名没有区别，都可以使用)输入: html:5 +tab键 会自动的生成基本框架基本框架介绍:其中HTML的head标签包含以下元素标签描述<head>定义了文档的信息<title>定义了文档的标题<base>定义了页面链接标签的默认链原创 2022-02-28 15:43:40 · 1971 阅读 · 1 评论 -
HTML最常用的字符实体
原创 2021-10-01 20:21:00 · 202 阅读 · 0 评论 -
HTML之常用标签
目录标题标签段落标签换行标签标题标签HTML 标题（Heading) 是通过<h1> - <h6> 标签来定义的<h1> 定义最大的标题。 <h6> 定义最小的标题。实例:<h1>这是一个标题</h1> 数字越小,字体越大。<h2>这是一个标题</h2><h3>这是一个标题</h3>段落标签HTML 段落 是通过标签 <p> 来定义的。用段落的目的是因为原创 2022-02-28 15:52:42 · 207 阅读 · 0 评论 -
HTML之链接标签
HTML中链接标签是一个十分重要的标签href: 必填,表示要跳转到哪个页面原创 2022-02-28 16:19:38 · 1960 阅读 · 0 评论 -
HTML之列表标签
什么是列表列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览器能更快捷地获得相应的信息。列表的分类无序列表有序列表定义列表有序列表列表项目使用数字进行标记。 有序列表始于 <ol>标签。每个列表项始于 <li> 标签。例子：<ol> <li>列表内容1</li> <li>列表内容二</li></ol>无序列表此列项目使用粗体圆点（典.原创 2022-03-01 17:34:08 · 209 阅读 · 0 评论 -
HTML之表格标签
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。例子:...原创 2022-03-01 17:43:18 · 171 阅读 · 0 评论 -
HTML之页面结构分析
原创 2022-03-01 19:50:35 · 217 阅读 · 0 评论 -
HTML之媒体元素[音频 视频]
<video src="1.mp4" controls autoplay>视频</audio> <audio src="1.mp3" controls autoplay>音频</audio>src:资源路径controls:控制条autoplay:自动播放原创 2022-03-01 19:41:18 · 130 阅读 · 0 评论 -
HTML之iframe内联框架
就是网页内嵌套网页。原创 2022-03-01 19:54:38 · 155 阅读 · 0 评论 -
HTML之表单
目录文本输入框密码输入框单选按钮（Radio Buttons）复选框（Checkboxes）下拉框文本输入框输入你的名字:<input type="text" name=""><br>输入你的名字:<input type="text" name="" style="width:200px; height:30px; font-size:15px;" placeholder="辉小歌">密码输入框<form> 密码:<input ty原创 2021-10-01 20:18:25 · 2418 阅读 · 0 评论 -
html实战例子: 简易的qq登录界面
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>QQ登录页面</title> <style> a{text-decoration: none;}原创 2021-10-01 17:45:30 · 6683 阅读 · 0 评论 -
html实战例子: 课程表
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>课表</title></head><body> <table border="1"原创 2021-10-01 12:51:27 · 695 阅读 · 0 评论 -
html实战例子: 点击图片超链接跳转
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="icon" href="1.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>你好</t原创 2021-10-01 12:38:35 · 5620 阅读 · 1 评论 -
html实战例子: 在title左侧添加logo
效果展示:注意要用.ico的图片文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="icon" href="1.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-10-01 12:14:54 · 1587 阅读 · 0 评论