HTML的相关笔记

最新推荐文章于 2024-11-01 22:16:12 发布

原创最新推荐文章于 2024-11-01 22:16:12 发布 · 268 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前台 #HTML #重点

本文主要总结了HTML的关键知识点，包括结构标签如html的头和体标签，字体标签，标题标签，以及图片标签的使用，如src, width, height和alt属性。还介绍了列表标签的应用。" 11838563,1370031,使用FreeImage与OpenGL整合加载纹理,"['OpenGL', '图像处理', 'FreeImage', '图形学', 'C++']

第一部分：技术分析总结

1.HTML的结构标签
*跟标签：<html></html>
* html的头标签
* html的体标签

2.HTML的字体标签

<font> *<font>文字</font>

    *属性：
        *color属性：字体颜色
        *size属性：    字体的大小（1-7）
        *face属性：    字体（例如黑体啥的）
    *<br/>      换行
    *<hr/>      横线
    *<pre>      原生标签

3.排版标签：
*标题标签：

> <h1> -- <h6>
>     *段落标签：        <p>
>     *加粗标签：        <b>
>     *斜体标签：        <i>
>     *下划线标签：   <u>
>     *居中标签：        <center>

4.HTML图片标签
*属性：
*src 图片的来源
*width 图片的宽度
*height 图片的高度
*alt 图片找不到显示的内容

5.HTML的列表标签

*有序列表
        *<ol>
            <li></li>
         </ol>
        *有序列表type属性：
            *1          数字类型
            *a          英文类型
            *i          罗马字符
        *start属性：从哪开始
    *无序列表
        *<ul>
            <li></li>
         </ul>
        *无序列表type属性
            *disc       实心点
            *circle     空心圆
            *square     方块

6.HTML的超链接标签<a>
    *target属性：
        *href       链接的路径（跳转的路径）
        *target     打开的方式
            *_self      在自身页面打开
            *_blank     新打开一个窗口     

7.HTML的表格标签<table>
    *属性：
        *width      表格宽度
        *height     表格高度
        *border     边框
        *align      表格水平显示位置（left居左 right居右 center居中）
    *行标签<tr>
    *列标签<td>
    *合并行数       colspan
    *合并列数       rowspan

8.表单标签<form>
    *属性：
        *action         提交后的跳转页面，默认是当前页面
        *method         
            *get        数据显示在地址栏中，不同的浏览器对于url长度有限制，提交的数据在请求头中
            *post       数据不显示在地址栏中，没有大小限制，提交的数据在请求体中
 *表单元素<input>
    *属性type
        *<input type = "text">
            name        表单元素名称，后台接收name的值
            value       文本框中的默认值
            size        文本框中可以显示的长度
            maxlength   文本框中可以输入的最大值
            readonly    文本框中内容只读
            disabled    文本框彻底灰掉，只用于显示固定的值
        *<input type = "password">
            name        表单元素名称，后台接收name的值
            value       密码框中的默认值
            size        密码框中可以显示的长度
            maxlength   密码框中可以输入的最大值
            readonly    密码框中内容只读
            disabled    密码框彻底灰掉，只用于显示固定的值
        *<input type = "email">
            name        表单元素名称，后台接收name的值
            value       邮箱框中的默认值
            size        邮箱框中可以显示的长度
            maxlength   邮箱框中可以输入的最大值
            readonly    邮箱框中内容只读
            disabled    邮箱框彻底灰掉，只用于显示固定的值
        *<input type = "date">      日期（下拉框选择）
            name:       表单元素名称。后台接收name的值

        *<input type="number">      数字框(只能输入数字)
            name:       表单元素名称。后台接收name的值

        *<input type="color">       颜色框(可以挑选颜色)
            name:       表单元素名称。后台接收name的值

        *<input type="radio">       单选框
            name:       表单元素名称。后台接收name的值
            value：     单选框中的值
            checked:    单选框默认选中的按钮

        *<input type="checkbox">    复选框
            name:       表单元素名称。后台接收name的值
            value：     复选框中的值
            checked:    复选框默认选中的按钮

        *<input type="button">      普通按钮
        *<input type="submit">      提交按钮
        *<input type="reset">       重置按钮
        *<input type="file">        文件上传
            name:       表单元素名称。后台接收name的值

        *<input type="hidden">      隐藏字段
        *<input type="image">       图片按钮

        *<select>                   下拉列表
            name:       表单元素名称。后台接收name的值

        *<option>:      下拉列表选项
            value:      下拉列表中的值
            selected:   下拉列表默认选中的值

        *<textarea>                 文本域
            name:       表单元素名称。后台接收name的值
            rows:       文本域的行数
            cols:       文本域的列数

9.HTML的框架标签<frame>
    *有frameset就可以没有body
        *属性
            *rows
            *cols
        *使用<frame>标签，frame代表切分的每个部分

10.特殊字符的标签
    *空格     &nbsp
    * <         &lt
    * >         &gt

第二部分：知识点概述总结

1.什么是HTML
    *HTML：Hyper Text Markup Language        超文本标记语言
    *标记语言：      指的是通过一组标签的形式描述事物的一门语言
    *超文本：       比普通的文本更强大

2.HTML的作用
    *HTML是用来制作页面(静态页面)

3.HTML在那些地方使用
    *在设计网站的页面的时候都要使用到HTML