• 第二章-----Html标签——综合整理


    拖更是个好习惯,原谅我后写了第二章。

    在后续的几天内,我们学习了html的各种标签,在此做一下综合整理。

    html  超文本标记语言

    1、body属性:

    bgcolor:页面背景色

    text:文字颜色

    topmargin:上页边距   left right bottom 同理可得

    backgroud:背景图片

    2、格式控制标签:

    <font color="" face="" size=""></font> 分别控制字体颜色、字体、字体大小

    <b></b>字体加粗

    <i><i/>倾斜

    <u></u>下划线

    <strong></strong>字体加粗

    <em></em>字体倾斜

    <center></center>居中

    <br>        </br> 均为回车   //Hbuilder中Shift+Enter为回车

    &nbsp;     空格

    3、<h1></h1>......<h6></h6>  标题标签,h1到h6都有固定的格式,字体由大到小

    <p></p> 段落标签 

    <div></div>层标签 默认占一行   常用的标签

    <span></span>层标签   默认用多大空间就用多大

    <ol type="标记序号的类型,如1,a"></ol>       有序列表排列

    <li>内容</li>

    <ul></ul>    无序列表排列

    ../表示上级目录    意识是在当前所在的位置向上翻一层,相当于电脑中的向上按钮

    ./当前目录         实际运用中可不写表示当前目录

    4、超链接标签

    <a href="http//www.sina.com.cn" target="">target="_blank"("new")是在新窗口打开,其他在本页打开</a>

    <a name="key"></a>做锚点链接    先在需要跳转的位置标记

    <a href="key"></a>       做出链接到指定位置

    <img src="图片地址“ alt="图片显示不成功出现的文本" title="鼠标指向显示的标题">
    5、表格
    <table width="" height="" background="" align="对齐方式" border="边框"   bgcolor=""   cellpadding="内容跟单元格边框的边距" cellspacing="单元格之间的间距">
    <th valign="内容垂直对齐方式">表头,单元格内容自动剧中、加粗
    </th>
    <tr>行
    <td  colspan="2">合并同一行的两个单元格 </td>

    <td  rowspan="2">合并同一列的单元格</td>
    </tr>

    </table>

    6、表单

    <form id="" name="" method="post/get" action="负责处理的服务端”>

    id具有唯一性

    get提交有长度限制;post没有

    </form>

    文本框<input type="text" name="" id="" value=""/>

    密码框<input type="password" name="" id="" value=""/>

    文本域<textarea name="" id="" cols="字符多少" rows="几行高"></textarea>

    隐藏域<input type="hidden" neme="" id="" value=""/>

    提交按钮<input type="submit" name="" id="" value="">点击后转到form内提交服务器的地址

    重置按钮<input type="reset" name="" id="" value="">

    普通按钮<....type="button"...>

    图片按钮<input type="image" src="图片地址“.....>

    单选按钮<input type="radio"....checked="checked">加了checked的单选按钮代表默认选择该选项

    复选框组<input type="checkbox".....>

    文件上传<input type="file"....>

    <label for="相关元素的id"></label>为该元素达成点击文本选择按钮的效果

    <select  name=""....multiple="multiple">,multiple为多选

    <option value="">内容</option>

    <option value="" selected="selected">内容</option>  selected为设为默认

    </select>

    7、框架

    <fremset row="100,*” frameborder="no"> 上下分框,换成cols变为左右分。scrolling 关于显示滚动条

    在超链接制定目标页面显示在那个框架窗口中

    假如要显示在左边的frame中,则设置frame的name="key"

    给超链接的target属性赋值<a href="" target="key">完成超链接的设置

    让整个frameset页面跳转到某个页面:

    把超链接target设置为_top

    <iframe src="其他页面的地址" .....></iframe>在原来页面嵌入小窗口显示其他页面

    Tip:假如设置高河宽为0,则不显示,但在后台会有这么一个页面。

  • 相关阅读:
    多阶段构建Docker镜像
    Docker容器跨主机通信
    数说海南——简单分析海南各市县近六年人口吸引力情况
    数说海南——透过几组数据简单分析近十年海南人口情况
    Kubernetes1.7—DNS安装
    BP神经网络
    Centos7——NFS(Network File System)服务
    Kafka中时间轮分析与Java实现
    Centos安装完成后,ifconfig:command not found
    Oracle VM VirtualBox虚拟机安装Centos
  • 原文地址:https://www.cnblogs.com/yuanlaihenkuang/p/6720860.html
Copyright © 2020-2023  润新知