html 概述及其基本标签第二更

最新推荐文章于 2024-08-12 21:44:16 发布

置顶 -sum

最新推荐文章于 2024-08-12 21:44:16 发布

阅读量316

点赞数

文章标签： html java 编程语言语言

本文链接：https://blog.csdn.net/Usermrs/article/details/53256049

版权

html 概述及其基本标签第二更

html    超文本标记语言 (hyper Text Markup language)    

    语法由标签组成;
        不是编程语言,是标记语言(和java的区别)

html 基本格式
    <html>
        <head>
            配置文件   css   js
        </head>
        <body>
            内容部分  
        </body>
    </html>

语法和规范

    扩展名  html 和 htm
    html文件由头和体组成
    html标签不区分大小写(最好是小写)
    html 有开始标签和结束标签,但有标签功能单一或者没有修饰内容的时候,可以在标签内结束
    标签是可以嵌套的(重要性)

html的标签属性("" '' 或者  不加)

    可以拥有属性,属性提供了有关html元素的更多信息

    属性以名称/键值对的形式出现

    属性总是在html的开始标签中规定

    font 
        color 字体颜色
        size  字体大小(取值范围1-7)
        face  字体


一. 排版标签

    1) 标题标签

    2) 段落标签

    3) 换行标签

    4) 字体标签

    5) 斜体标签

    6) 下划线标签

二. 图片标签
        通过 img 来定义
            src   指定图片路径
            width 图片的宽
            height 图片的高度
            alt    图片的描述
                注意: 相对路径 不以 / 开头; ../ 上级目录
                        绝对路径 以/开头的

三. 列表标签


    1.有序列表
    <!--有序标签 -->
    <ol tyoe="1" start="5"> 
                  <li>名字慢慢想</li>
        <li>还是想不到</li>
    <li>再好好想想</li>
    <li>老人与海吧</li>          
                </ol>
            通过ol来定义
                li  列表的条目
                type 样式
                start 有序的起始序号

        2. 无序列表
            <!--无序标签 -->
                <ul type="disc">
                    <li>名字慢慢想</li>
                    <li>还是想不到</li>
                    <li>再好好想想</li>
                    <li>老人与海吧</li>
                </ul>
            通过ul来定义
                li  列表的条目
                type 样式

        超链接标签

            <a href="http://www.baid.com">百度</a>

                通过a来定义
                href : 超链接地址(可以是网络地址,也可以是本地地址)
                target  打开方式 (_self 当前页面打开 blank 新起一页面打开)

    表格标签:__

                <table border="2px" width="500px">
                    <tr>
                        <td colspan="3">1</td>
                        <!--<td>2</td>
                        <td>3</td>-->
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>5</td>
                        <td rowspan="2">6</td>

                    </tr>
                    <tr>
                        <td>7</td>
                        <td>8</td>
                        <!--<td>9</td>-->

                    </tr>
                </table>

            通过table定义
                tr 行
                td 列
                colspan   合并列
                rowspan   合并行



    表单标签

        1.概念
            表单是一个包含表单元素的区域,通过from来定义
                action 提交路径 

                method 提交方式(get,post)

        2.input输入域

            type 类型
                button 空白按钮
                text   文本框
                submit 提交按钮(系统提供了提交事件)
                password 密码域
                checkbox  复选框
                radio   单选
                hidden 隐藏字段
                file   文件
                image  图片按钮

        3.select  下拉菜单

            option 下拉菜单的条目

        4.texterea   文本域

    get请求和post请求的区别

        get请求参数接在请求地址后面     post请求参数在请求体里面
        get请求对参数大小限制<64kb      post请求对参数无大小限制
        get请求相对不安全               post请求相对安全一些(密码加密md5)


    网页用户注册页面步骤

        1. 创建一个5行的表格
        2. 注册部分,设置背景 嵌套一个表格,设置白色背景,居中显示 表单
            在表单里面嵌套一个9行2列的表格

    网站后台  页面步骤

框架标签

        1.  创建一个framset 嵌套一个feame 占20%  嵌套一个framset 占80%

-sum

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 概述及其基本标签第二更

html 超文本标记语言 (hyper Text Markup language) 语法由标签组成; 不是编程语言,是标记语言(和java的区别)html 基本格式 <html> <head> 配置文件 css js </head> <body> 内容部
复制链接

扫一扫