• html基础知识总结


    html 学习
    1 p为段落标签 有一个常用标签align配合 left,center,right


    2 hr是水平线段标签 属性: size(水平线的宽度) width(水平线的长) align(水平线的对齐方式) noshade(线段无阴影

    color(线段内部的颜色)


    3 文字设计标签 font 属性:size(1-7 默认为3) face(字体类型) color(字体颜色)


    4 常见标签 ①<b> <strong> 粗体 ②<u> <ins> 下划线 ③<i> <em> 斜体 ④<sup> 上标 ⑤<sub> 下标 ⑥<blink> 闪烁 ⑦<del> <s> 删除线标签 ⑧ ⑨


    5 列表标签
    ① <ul typle="circle(空心小圆圈)||disc(实心小圆圈)||square(小方块)">【无序列表】 配合<li>标签使用
    ② <ol typle="1||a||i||l" start="1">【有序列表】配合<li>使用 start决定开始的位置

    6 表格
    一、基本设置
    ① <table>:定义表格,表格的所有内容都写在这个标签之内
    ② <caprion>:定义标题,标题会自动出现在整张表格的上方
    ③ <tr>:定义表行
    ④ <th>:定义表头 包含在<tr>之间 文字会自动加粗
    ⑤ <td>:定义表元(表格的具体内容) 包含在<tr>之间


    二、表格标签大多拥有的公共属性
    ① align:<table> <tr> <td> 都可以设置
    ② bgcolor:设置背景的颜色
    ③ border:设置边框的宽度,属性值为整数,为0时表格没有边框,默认值为0
    ④ 宽度,默认单位为像素,也可以使用百分制单位
    ⑤ height: 高度,默认单位为像素,也可以使用百分制单位


    三、对于整张表格,<table>标签常用的属性有以下几个
    ① bordercolor: 表格边框的颜色,默认为黑色
    ② cellpadding:表元边框的宽度
    ③ cellspacing: 表元的边框与表格边框之间的宽度


    四、合并单元格
    ①合并单元格必须对<td>标签中的rowspan colspan进行设置,属性值都是整数,默认为1没有合并。这两个属性的
    意思分别为:从该单元起,该表元在行或列上占有的单元格数,比如设置某个<td>标签为rowspan=2,表示该表元
    及其下面的表元合并为一个。


    五、超连接和图片标签
    ①图片标签 <img src="" alt="" title="" width="" heigth="" />
    src 图片的来源 必写属性
    alt 替换文本 图片不显示时
    Title 提示文本 鼠标放到图片上显示的文字
    Width 图片宽度
    Height 图片高度

    ②超链接 <a href="" title="" target="">我是一个超链接</a>

    href 超链接的目标地址 title 提示文本 target 超链接的打开方式

    (1)target="_self" 默认值 在自身页面打开(关闭页面本身,打开连接页面)
    (2)target="_blank" 打开新页面(自身页面不关闭)
    优化写法 在<head> </head> 标签中写入<base target=" "/>可以全局设置打开方式
    超链接可以用以定位
    (1) 先定义一个锚点 <p id="pre"> </p>
    (2) 超链接到锚点 <a href="#as"> 回到pre </a>


    六、表单标签

    ① 很多网页上,可以让用户在一些控件中输入一些内容,如文本框、密码框等,输入之后,提交
    这些控件所在的区域叫做表单(form).表单中的控件叫做表单元素。一个表单时这样组成的:
    <form action="提交地址">
    表单内容(包括按钮、输入框、选择框等)
    <form>
    ② 表单最基本的标签是<input>标签,该标签可以显示输入框和按钮等表单元素。他的属性type
    决定了表单元素的类型,可以为以下值:
    (1) text: 文本框,text也为type的默认属性
    (2) password: 密码框
    (3) radio: 单选按钮,可以将多个单选按钮的name属性设置相同,使其成为一组。checked属性可设置默认被选
    (4) checkbox:复选框,checked属性可设置默认被选
    (5) reset: 重置按钮,按下之后,所有的表单元素内容变为默认值
    (6) button: 普通按钮
    (7) submit: 提交按钮,按下之后,网页会将表单的内容提交给action设定的网页,action空时提交给本页
    (8) image: 图片,但是点击它的效果与提交按钮一样,都会提交表单
    ③ 表单中其他类型的表单元素还可以包括多行文本框和选择菜单
    (1)<textarea></textarea> 表示多行文本框,可以用rows属性表示行数,cols属性表示列数
    (2)<select></select> 表示下拉菜单,其中的选项使用<option>选择内容</option>,multiple属性
    可将其设置为多选,size属性的值为下拉菜单显示的项目数。


    七、框架
    <frameset></frameset>(可以嵌套用和body只能二选一) 的属性有
    ① rows: 横向分割页面。属性值决定了分割页面之间的宽度的比值
    ② cols:纵向分割页面。属性值决定了分割页面之间的长度的比值
    ③ border:框架边框的宽度。 当值为0时没有边框
    <frame></frame>的属性为
    ① src:表示框架内容的地址
    ② noresize:表示该框架不可被用户改变大小
    ③ scrolling: 表示是否有滚动条。

     每天得有新的目标,不能再浑浑噩噩啦!

  • 相关阅读:
    Jquery基础知识与使用
    JavaScript人机交互
    CSS和JS基础
    Html基础
    Struts2第一天:Struts2的概述、Struts2的入门、Struts2常见的配置、Struts2的Action的编写
    MyEclipse中设置类的注释(修改时间,作者等)
    Failed to initialize end point associated with ProtocolHandler ["http-bio-80"] java.net.BindExce问题解决
    Hibernate第四天:Hibernate的查询方式、抓取策略
    Hibernate第三天:Hibernate的一对多配置、Hibernate的多对多的配置
    Neural Network(神经网络)
  • 原文地址:https://www.cnblogs.com/qq-1585047819/p/12404183.html
Copyright © 2020-2023  润新知