WEB基础01

最新推荐文章于 2024-07-05 16:53:15 发布

choulou3459

最新推荐文章于 2024-07-05 16:53:15 发布

阅读量74

点赞数

原文链接：https://my.oschina.net/u/1393072/blog/511741

版权

一，<head>元素的作用
    1，<head>元素是所有头部元素的容器，其内元素可声明元信息。
    2，以下标签都可添加到head部分：
        <title>,<meta>,<link>,<style>,<script>等
        <titile>定义文档标题
            -定义浏览器工具栏的标题
            -提供页面被添加到收藏夹时显示的标题
            -显示在搜索引擎结果中的页面标题
        <meta>元素提供关于HTML文档的元数据
            用于规定页面的描述，关键词，文档的作者，最后修改时间等
            常用属性：content、http-equiv、charset
二，文本处理
    1，文本元素包括：
        1）标题元素
        标题元素让文字以醒目的方式显示，往往用于文章标题
        语法：<h#></h#> #:1~6字体从大到小
        2）段落元素
        语法：<p>中间的文本会用单独的段落显示</p>
            -与前后的文本都换行分开
            -添加一段额外的垂直空白距离，作为段落间距。
        3）列表元素
        有序列表<ol>和无序列表<ul>
        列表项：<li>用于指示具体的列表内容
        语法：<ol>
                <li></li>
                <li></li>
                <li></li>
             <ol>
         列表可以嵌套，嵌套在有序列表中的无序列表前面原点是空心的？
        4）分区元素
            块分区语法<div></div>
            行内分区语法<span></span>
        5）行内元素
            <span>元素是内联元素，可用作文本容器，可用于为部分文本设置样式属性。
            一般是<span style="color:#00f">..</span>
            <i>设置斜体，<em>设置斜体，<b>定义粗体文字，<strong>粗体，<del>设置带删除线文字，<u>设置带         下划线文字，<br>手工换行，实体替换。
三，图像和超链接
    1，图像（单标签）
        语法：<ing src="" width=""/>
        绝对路径，相对路径
    2，超链接
        使用<a>元素创建一个超链接
        语法：<a href="" target="">文本</a>
        target:目标打开方式 可取为_blank、_self
        锚点：用于链接到文档中的某个位置
        定义锚点：<a name="name1">被锚点文本</a>
        链接到锚点：在锚点名前加#<a name="#name1">链接到锚点文本</a>
        顶部可以不设锚点，默认“#”为回到顶部
四，表格
    1，表格的作用：通常用来组织结构化的信息。
    2，使用表格
        1）创建表格
        语法（一行两列表格）：
        <table> 
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
        2）表格属性
        table属性：border、width、height、align、cellpadding（单元格表框和内容间距）、cellspaceing（        单元格间距）
        tr属性：align、valign
        td属性：align、valign、width、height、colspan、rowspan
        3）行分组
            表头<thead></thead>  表头自动横向居中，默认竖向居中
            表主体<tbody></tbody>
            表尾<tfoot></tfoot>
五，表单
    1，表单用于显示、收集信息，并提交信息到服务器            
    表单二要素：
        -Form元素
        -表单控件   
    2，表单元素
    语法<form></form> 主要属性
        -action：表单提交的URL
        -method：表单数据提交的方式
        -enctype：表单数据进行编码的方式
    3，表单控件
        -input元素
            文本框<input type="text"/>
            密码框<input type="password"/>
            单选框<input type="radio"/>
            复选框<input type="checkbox"/>
            提交按钮<input type="submit"/>
            重置按钮<input type="reset"/>
            普通按钮<input type="button"/>
            隐藏域<input type="hidden"/>
            文件选择框<input type="file"/>
        -其他元素
            -标签，用于给控件设置显示名称
                语法：<label for="控件ID">文本</label> for:关联点击
            -文本域，相当于多行文本框
                语法：<textarea>文本</textarea>
            -下拉框，下拉选择内容
                语法：
                <select>
                    <option value="">下拉显示名</option>
                </select>

转载于:https://my.oschina.net/u/1393072/blog/511741