html_css(初识)

今日重点:
1.表格标签
2.超链接标签
3.图片标签
4.列表标签
5.表单标签
6.js核心语法

网页:是用来显示网站的数据的
网站:网页+后台代码(java+数据库)
总结:
1.html:超文本标记语言,用来书写网页的,在该文件中可以书写字符 音频 视频 图片等嘻嘻
2.html使用注意:
    1)后缀名是.html或者.htm
    2)不需要编译,直接浏览器运行
    3)由标签组成:
        <标签名 属性名="属性值" ...>文本</标签名>
        <标签名 属性名="属性值" .../>
    4)html文件中的标签都是预定义好的
3.html常见标签:
    1)form :表单标签
        <form action="服务器地址" method="get/post">
            向服务器提交数据的标签
        </form>
    2)input标签:表单标签的输入项
        <input type="">
        type属性值:
            1.text 默认的普通生输入框
            2.password  密码框
            3.radio 单选按钮 
            4.checkbox 复选框
            5.submit 提交
            6.file 文件类型
            7.hidden 隐藏域
    3)select标签:下拉框
        <select>
            <option value="">文本</option>
            <option value="">文本</option>
            ...

        </select>
    4)textarea:文本域

    5)a标签:超链接标签
        <a href="跳转地址"></a>
    6)table标签:表格
        <table>
            <tr></tr> 行
            <tr>
                <td></td>列
                <th></th>列 居中加粗
            </tr> 
        </table>
    7)img标签:图片
        <img src="引入图片地址">
    8) div标签 块级标签
    9) span标签 行内标签
4.css 了解 美化网页
    1)选择器:
        1.标签名选择器
            标签名{
                css代码
            }

        2.id选择器
        #id属性值{ ****************************
            css代码
        }

        3.类选择器
        .class属性值{
            css代码
        }
5.js:实现动画效果,前后端数据交互 
6.在html页面中引入js
    1)
        <script>
            js代码
        </script>
    2)引入外部的js
        <script src="外部的js文件"></script> script标签文本中不能书写js代码
7.输出语句:
    1)弹出框:window.alert();
    2)输出页面:document.write();
    3)输出控制台:console.log();
8.定义变量
    let 变量名 = 数值;
9.定义常量
    const 常量名 = 数值;
10.数据类型:
    1)原始数据类型
        number : 整数 小数 NaN
        string:字符类型 单引号 双引号都可以
        boolean:布尔类型 true false
        null:空对象
        undefined:未定义类型
    2)引用数据类型 Date Object ..
        
        

        


 

猜你喜欢

转载自blog.csdn.net/anyi2351033836/article/details/125365090