• [html/css]---001


    非专业做web前端人员,如有错误,请多多指正,下面开始介绍html/css的最基础内容。

    一、html超文本标记语言同xml一样是一种标记语言而非编程语言,html拥有一套完整的标记标用于描述网页上不同的控件。下面简单说明一下不同的标签控件。

    标签名称-----标签书写

    1、文本显示类:

        标题-----<h1><h2><h3><h4><h5><h6>

        段落-----<p>

        行内元素----<span> 常嵌套与段落之内

        折行-----<br/>

        背景颜色-----<body bgcolor=”yellow”>

        粗体-----<b>

        粗体-----<strong>+强调

        斜体-----<i>

        斜体-----<em>+强调

    2、列表显示类:

        无序-----ul 无序列表ul+li内容

        有序-----ol 有序列表ol+li内容

        数据-----dl 数据列表dl+dt标题+dd内容

    3、表格显示类:

        表格定义-----table

        表格标题-----<caption>表格标题</caption>

        表格行-----tr

        表格表头-----th

        表格数据-----td

        水平对齐-----align:center、left、right、justify(对行进行伸展,这样每行都可以有相等的长度)

        垂直对齐-----valign:top、middle、buttom、baseline(与基线对齐)

        表格宽占比-----width

        跨行-----rowspan

        跨列-----colspan

        单元格边框到表边框距离-----cellspacing 通常设置为0即可

        单元格数据到单元格边框距离-----cellpadding

        表格线条宽度-----border

        表格线条颜色-----bordercolor

        表格背景色-----bgcolor

       

    4、链接跳转类:

        网页链接-----<a herf=”http://www.baidu.com”>网页标题</a>  切记要添加协议体http

        邮件链接-----<a herf=”mailto:xxx@yyy”>

        新窗口链接-----<a herf=”url” target=”_blank”>

    5、表单交互类:

        表单定义-----form

        表单分组-----fieldset

        表单分组标题-----legend

        1>表单输入标签(value输入类)

            <input type=”text” name=””>

            <input type=”password” name=””>

        2>表单选择标签(value选择类)

             单选-----<input type=”radio” name=”” value=”” checked=”checked”/>名称

             多选-----<input type=”checkbox” name=”” value=”” checked=”checked”/>名称

             选择器-----<select name=“”>

             选项分组-----<optgroup label="小组标题"/>

             选项-----option

        3>表单文本标签

             <textarea rows=”” cols=””></textarea>

        4>表单文件标签

             <intput type=”image” src=””/>

             <input type=”file” name=””/> //上传:<input type=”file” name=”upload” style=”500px”/>

        5>表单操作标签(表单操作类无需name,表单输入类无需value)

             提交-----<input type=”submit” value=””> 对submit的事件监听在form表单的action属性中

             重置-----<input type=”reset” value=””>

             按钮-----<input type=”button” value=”” onclick=”javascript”> 对button事件的监听在onclick的javascript语句中

    6、框架frameset

         框架集-----frameset

         框架-----frame 框架frame需指明两个属性src用于确定此frame对应的html文件、name用于在 JavaScript 中引用元素,或者作为链接的目标

         cols定义框架集中竖向列包含几个frame以及每一个frame所占框架集的比例。

         rows定义框架集合中横向行包含几个frame以及每一个frame所占框架的比例。

         cols、rows两个属性,用于分割框架集,指明框架集中包含的框架frame个数,以及每个frame框架所占列(cols)、宽(rows)的比例。每一个frame即为一个单独的html文件。

    二、CSS用于同时控制多html网页的样式和布局

         先说CSS的结构

         选择器:  选择器名称 声明集(声明集由大括号{})如图:选择器

         选择器

                       图:选择器

     

    ---未完待续

  • 相关阅读:
    WPF 基础
    设计模式
    设计模式
    设计模式
    设计模式
    设计模式
    设计模式
    【DFS】hdu 1584 蜘蛛牌
    【优先队列】hdu 1434 幸福列车
    【最长公共子序列】hdu 1243 反恐训练营
  • 原文地址:https://www.cnblogs.com/android001/p/4311564.html
Copyright © 2020-2023  润新知