为了账号安全,请及时绑定邮箱和手机立即绑定

HTML前端知识

标签:
Html5

一、课程介绍说明

  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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original=".\images\next.gif"></a>
    将指定图片做超链接处理
  • 标签属性:
    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日

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消