美文网首页
HTML前端基础入门

HTML前端基础入门

作者: 婷婷的橙子 | 来源:发表于2020-09-20 21:08 被阅读0次

     一、课程介绍说明

    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=".\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日

    相关文章

      网友评论

          本文标题:HTML前端基础入门

          本文链接:https://www.haomeiwen.com/subject/eeewxqtx.html