java基础之HTML

html总结:
    互联网三大基石:
        url:
            资源定位符,作用 定位资源。
        html:
            超文本标记语言,作用 显示资源。
        http:
            超文本传输协议,作用 传输资源。


    html的三种书写方式:
        1.建立一个txt文件,内容写上html语言,把后缀改为.htm或.html。
        2.使用可视化工具,比如DreamWeaver等工具...
        3.通过服务器响应html语言的字符串,在浏览器解析。

    html的标准结构:
        根节点
            html
        头元素
            head       title窗口名字   
            refresh   直接写秒数,每隔多少秒刷新本页面,后面跟url  隔多少秒后跳转到该页面。
            用于搜索引擎优化(SEO):
                    作者
                    描述
                    关键字
                    了解即可,现在没用了。    
        页面体    
            body   放显示在页面的标签。    


    html语言不区分大小写,注释<!-- -->,注意书写 起始标签和结束标签尽量一起写以免忘记。
    
    属性:  
        作用:描述标签,可以简单的控制标签显示。
        注意:单双引号都可以,不写也可以, 注意不写的时候 后面一定要加上空格,一般要加上引号。  

        
    body详解:
        控制页面颜色:  
            bgcolor    可以写英文单词 例如 red..  也可以写 由RGB三原色组成的16进制数来表示,注意前面有#
            background  可以引入 外部或本地资源
            注意两个属性不要同时出现

        body中的重要标签:
            p     段落    默认换行
            h1~h6  标题元素   加黑  1-6 逐渐变小  默认换行
            br    可以写成 br/   br   /br    建议  br/
            hr    水平线    width   可以写百分比,或固定像素 , size控制高度,color控制颜色
            del   删除的字体
            i     斜体
            b     加粗
            sub   下标     
            sup   上标    
            pre   格式原样输出


        字符实体:
            需要记住的
                &nbsp; 空格     &lt; 小于符号    &gt;大于符号  &amp;   &符号  其他需要的时候查看文档即可

        img标签:
            <img  src="资源(外部或本地均可)"  width="宽度"  height="高度"  alt="图片找不到时,显示的文字"  
            title="鼠标放上图片时显示的文本"  border="设置边框"/>
            注意width  和height同时使用  可能会失真  单独设置   不会失真  另外一个属性自动计算出
        
        列表:
            有序列表:
                <ol>
                    <li>内容</li>
                    <li>内容</li>
                    <li>内容</li>
                </ol>
                ol中有type    属性    可以写  i  I a  1  .....


            无序列表
                <ul>
                    <li>内容</li>
                    <li>内容</li>
                    <li>内容</li>
                </ul>

        超链接(a标签):
            <a  href="资源路径">显示在页面的内容</a>
            target 属性:  
                打开的窗口,默认_self 本窗口打开,_blank  新建窗口打开。
            
            锚点:
                第一步:定义锚点,在需要锚点跳转的位置加一个  <a  name="锚点名" />
                第二步:使用锚点,找到锚点所在页面  加上#锚点名   本页面#锚点名

        embed  页面播放多媒体的标签:
            autostart  是否自动播放
            hidden    是否隐藏播放
            loop     是否循环播放


        表格table:
            table-->tr--->th或td
            tr  代表行
            td  代表列
            th  代表列  特性   居中  加粗

        table中的属性   border  边框    width  宽度  height 高度   align="center|right|left"  表格的位置
        tr中    align="center|right|left"   下面的所有td中的文本  位置居中或右边或左边
        td中    align   控制该单元格中文字位置

        
        重要东西:
        跨行:  rowspan
        跨列:  colspan

    frameset框架(了解):
        cols  按列分
        rows  按行分
        可以写 百分比  可以写固定像素 可以用*  表示剩余的页面
        
        frame 代表切分后的每个页面   用src属性  引入该切分页面 显示的内容

        frameset中的属性:
            border 边框宽度
            frameborder  yes  no  是否显示边框

        frame中的属性:
            noresize  不调整页面宽度
            scrolling  yes  no  是否显示滚动条

    表单form:
        普通文本域:
            <input type="text" />
        密码框:
            <input type="password" />
        单选框:
            <input type="radio" />    注意  同name才是一组单选框
        多选框:
            <input type="checkbox" />  
        下拉列表:
            <select>
                <option></option>                
                <option></option>
            </select>
        文本域:
            <textarea></textarea>
                
        按钮:    
            <input type="button" value="按钮显示内容" />






                

















        
          
            
























  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值