html、css、javascript简单学习

html语言:负责网页上显示的内容

1、html语言是解释型语言,不是编译型。 浏览器是容错的

2、html页面中由一对标签组成:<html></html>

<html> 称之为 开始标签
</html>称之为 结束标签

3、title 表示网页的标题
4、可以在meta标签中设置编码方式
5、<br/>表示换行 。br标签是一个单标签。

单标签:开始标签和结束标签是同一个,斜杠放在单词后面
6、p 表示段落标签
7、img 标签图片标签
    src属性表示图片文件的路径
    width和height表示图片的大小
    alt表示图片的提示(这里当没有图片时,本来应该放图片的位置会显示我们提前设置好的文字,例如:“这里是一个图片”)
8、路径的问题:
    (1). 绝对路径是和当前html文件无关的一个路径。例如D:/myvscode/project002/images/1.jpg
    (2).相对路径,是说从当前的html文件出发,从什么路径能够到达img或者html等等资源文件的路径。例如,images/1.jpg ,表示从当前html的目录先进入到子目录images,然后就能找到1.jpg文件
9、h1~h6 : 标题标签
10、列表标签:
        - ol 有序列表
            start 表示从*开始,type 显示的类型:A a I i 1(deafult)
        - ul 无序列表
            type disc(default默认的) , circle , square
11、 u 下划线 b 粗体  i 斜体

12、 上标 sup   下标 sub

13、 HTML中的实体: 小于号 &lt; 大于等于号 &ge; 版权 &copy;

14、 span 不换行的块标记

15、 a 表示超链接
        href 链接的地址
        target:
            _self 在本窗口打开
            _blank 在一个新窗口打开
            _parent 在父窗口打开
            _top  在顶层窗口打开

16、div 层,视图都是一层上面再摆一层

17、 表格    table
    行        tr
    列        td (这个放在行的包裹中,相当于行数组中的一个元素)
    表头列    th

    table中有如下属性(虽然已经淘汰,但是最好了解一下)
            - border:表格边框的粗细
            - width:表格的宽度
            - cellspacing:单元格间距
            - cellpadding:单元格填充

    tr中有一个属性: align -> center , left , right 

            rowspan : 行合并
            colspan : 列合并

18、 表单    form

19、input标签

(1) input type="text" 表示文本框 , 其中 name属性必须要指定,否则这个文本框的数据将来是不会发送给服务器的
(2) input type="password" 表示密码框
(3)  input type="radio" 表示单选按钮。需要注意的是,name属性值保持一致,这样才会有互斥的效果;可以通过checked属性设置默认选中的项
(4)input type="checkbox" 表示复选框。name属性值建议保持一致,这样将来我们服务器端获取值的时候获取的是一个数组
(5)  select 表示下拉列表。每一个选项是option,其中value属性是发送给服务器的值 , selected表示默认选中的项
(6)textarea 表示多行文本框(或者称之为文本域),它的value值就是开始结束标签之间的内容
(7)input type="submit" 表示提交按钮
(8) input type="reset" 表示重置按钮
(9)input type="button" 表示普通按钮

css语言:负责样式(包括字体大小,样式,边框这类美化的东西)


1、CSS的最基本的分类: 标签样式表、类样式表、ID样式表
2.、CSS从位置上的分类:嵌入式样式表、内部样式表、外部样式表

3、CSS盒子模型:
        1.border 边框
        2.margin 间距
        3.padding 填充

4、position:

absolute -- 绝对定位 , 需要配合使用 left , top

relative -- 相对定位 , 一般会和 float , margin , padding .... 一起使用

float -- 这个主要可以让多个模块可以在同一行展示

JavaScript(简称:js。一个脚本语言,用来绑定事件)

Javascript : 客户端的一个脚本语言
js是一门弱类型的语言 , 变量的数据类型由后面赋的值的类型决定,语法结构和java很像

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java塑造中...

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值