Java学习笔记--HTML

HTML就是由无数标签和元素组成,属性用来修饰标签或元素。
–html开始标签
– 文件头(用户在浏览器的主体是看不到的)

</head> 
<body>    --文件体(用户在浏览器的主体看得到)

</body>
</html> --html结束标签

常见标签:

文本标签(body里面的标签)
        标题(h1~h6) align:设置位置
        水平线(hr) color:线的颜色
        换行(br)
        标签规定粗体文本(b)
        将文本以斜体显示(i)
        将文本以下划线显示(u)
        段落(p)(书写两段小说进行演示)
        段落缩进(blockquote)(主要用于解释或者强调)
        上下标(sup和sub)(一般用于公式)y=x2  H2O  CaCo3
        原样输出(pre)(希望网页上的东西和代码里面写的样式完全一样的时候(写一首诗,写一段代码))
        marquee:
        behavior属性值(alternata:来回滚动 scroll:重复滚动 slide:不重复滚动 
        bgcolor:字幕背景颜色 
        direction:设置字幕的滚动方向down  right  left  up
        bgsound:
        src:需要播放的音乐路径  
        loop=-1(无限循环)  
        autostart="true"自动播放

    列表标签:
        有序列表ol li(type属性更改序号类型,案例:投票喜欢的女明星)
        无序列表ul  li(用于条目的罗列,type属性更改序号类型,案例:学生管理系统)
        项目列表标签(dl dt dd)(一般用于有层次结构的列表,一个公司员工的列表)
        下拉选项:<select/><option/>
        行内标签(span) (html中用的非常少,css中用的非常多)    
        块标签<div> (html中用的非常少,css中用的非常多)
    超链接标签:
        常用的属性:
            href  表示链接到的地址(文件)
            target  打开资源方式     _self: 当前窗口打开, _blank: 新窗口打开
        协议执行资源的基本流程(超链接的原理): 
            使用协议到本地计算机的注册表中查询是否有对应协议的软件(程序),有就执行,没有就不执行。
        超链接作用;
            1)链接到资源 
            2)作为锚点使用
                打锚点: <a name="锚点名称"></a>
                去到锚点: <a href="#锚点名称">内容</a>
    图像标签:
        <img></img> 
          常用属性:
                src :  表示图片源位置
                width: 图片宽度
                height: 图片高度
                alt: 替代文本。当图片的src属性失效时,alt属性的内容就会生效
                title: 提示文本。当鼠标放到图片上面出现。
                地图(热点区域):map
                热点: area,设置图片上可以被点击的区域(用工具做之后进行简单分析)
    转义字符:(通常以&开头)
                <          &lt;   letter than
                >          &gt;   greater than
                &          &amp; 
                需求:在浏览器中输入    华育     国际
                空格       &nbsp;

                王老吉加上商标和版权:
                版权       &copy;
                商标     &reg;
    表格标签:
        标签:
        table 表格
        tr   行
        td   单元格
        th   表头
        caption  标题

        常用的属性:
            border  表格的边框
            width  宽度
            heigth 高度
            align   对齐方式。 left: 左对齐   center:居中  right:右对齐
            rowspan  行合并。把多行的单元格合并
            colspan  列合并。把多列的单元格合并

    表单标签:
        <form>   就是一个表单
            <input type="text">  单行输入域
            <input type="password"/>  密码输入域
            <input type="radio"/> 单选按钮
            <input type="checkbox"/> 多选按钮
            <select/>  下拉选项
            <input type="hidden"/>   隐藏域。特点:不会显示到html页面上,但可以携带数据。 
            <input type="file"/>  文件选择器
            <textarea></textarea>  多行输入域
            <input type="submit"/>  提交按钮
            <input type="button"/> 普通按钮
            <input type="reset"/> 重置按钮
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值