HTML前端知识
时间:2022-07-25
本文章向大家介绍HTML前端知识,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一、课程介绍说明
1) HTML语言概念介绍
2) HTML语言代码编写
二、课程梳理回顾
1) 网络安全课程介绍 3个月时间
2) 网络安全法律法规
3) 网络安全基础知识 名词介绍
4) 网络安全病毒编写 bat批处理文件
5) 网络安全基础防护
三、HTML语言概念介绍
为了编写网页信息
1) HTML代码语言作用
2) HTML代码基本编写方法
3) HTML代码编写练习
windows系统特点: 识别文件类型时,会根据文件扩展名称进行识别
四、 HTML语言代码编写方法:
4.1 HTML元素概念
- HTML元素就是预定义好的一些标签,不同标签有不同功能作用
<b> <table> <title>
- HTML元素属性, 对指定元素进行扩展功能配置
- PS: 编写HTML代码信息时,文件中一定不能出现中文符号信息
4.2 HTML基本标签信息: 基本元素信息
-
<p></p>
--- 段落标签可以自动换行,段落之间会有间距 -
<hn></hn>
--- 设置标题信息,一般标题信息的范围 是n=1~6
-
<br>
--- 设置字符内容中换行信息 -
<!-- This is a comment -->
--- 在指定代码位置添加注释说明信息, 注释信息不会显示在页面上 - 元素属性:
align="center"
--- 设置字符信息居中显示center/局右显示right/居左显示left
4.3 HTML格式设置方法
-
<strong></strong>
--- 将指定字符串信息进行加粗处理 -
<pre></pre>
--- 将代码编写的格式信息,呈现在页面上(主要可以控制换行和空格信息) -
<address><address>
--- 定义一些地址描述信息,主要会以斜体方式进行显示 -
<blockquote></blockquote>
--- 表示对指定内容进行缩进显示 -
<del></del>
--- 将指定信息删除, 用一个横线划除 -
<ins></ins>
--- 将指定信息插入, 用下划线进行标记
4.4 HTML实体化介绍
- 如果想让一些特殊符号信息,直接在页面显示,就需要进行实体化处理
4.5 HTML超链接:
-
<a href="http://www.microsoft.com/">This text</a>
将指定文件做超链接处理 -
<a href="lastpage.htm"><img border="0" src=".imagesnext.gif"></a>
undefined将指定图片做超链接处理 - 标签属性:
target="_blank"
: 在原有窗口链接时,新开启一个窗口进行显示
4.6 HTML框架:
- 将浏览器页面进行拆分出多个不断页面,便于对页面信息的编写 利用框架可以将多个信息进行整合
4.7 HTML表格
-
<table><table>
--- 创建表格信息 -
<tr>
--- 表格行信息 -
<td>
--- 表格列信息 -
<th>
--- 表格头部信息 - 标签属性:
border
--- 设置表格边框 实现显示边框 虚线显示边框
4.8 HTML列表功能
-
<ul></ul>
--- 生成列表信息标签-无序 -
type="square"
--- 无序列表前的一个符号信息 -
<ol></ol>
--- 生成列表信息标签-有序 -
<dl></dl>
--- 自定义列表内容信息 作用说明: 编写菜单功能 编写目录结构功能
4.9 HTTML表单信息:
可以生成输入框内容,在输入框中可以填写信息,最后可以用于向后端服务进行提交
-
<form></form>
--- 设置表单标签信息 -
<input type="text" name="user">
--- 设置表单输入框
作者:陈婷
日期:2020年9月20日
- PhEmail:基于Python的开源网络钓鱼测试工具
- 数据库中间件mysql-proxy细节【mysql官方的中间件】
- Office CVE-2017-8570远程代码执行漏洞复现
- Java 并发包中的读写锁及其实现分析
- 深入理解 Spring 事务原理
- Chrome开发者工具的小技巧
- Java Web中JSP中6种动作概况知识点总结——每日一语法学习
- 从Flash到Silverlight进阶教程-用代码来创建动画
- 从Flash到Silverlight进阶教程-Tweener
- silverlight设置浏览器Cookies
- 一个最基本的布局控件-panel
- silverlight项目小结
- oozie 运行demo
- sqoop 兼容性问题
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- 初识ABP vNext(8):ABP特征管理
- C++实现epoll echo服务器
- 相关性 ≠ 因果性,用图的方式打开因果关系
- 斗转星移 | 三万字总结Kafka各个版本差异
- Hadoop支持Lzo压缩配置及案例
- Spark SQL快速入门系列之Hive
- 手把手学机器学习算法中数据预处理(附代码)
- 「Workshop」第十六期:Pandas 使用介绍
- .net core学习笔记,组件篇:服务的注册与发现(Consul)初篇
- Android程序员想进大厂?算法很重要!2020年必学的 10 大算法关注一下
- PWN:Largebin Attack
- 实现LRU算法
- 逻辑漏洞之无密码登录(vlcms)
- Python开发 常见异常和解决办法
- 约瑟夫问题