html的基本标签

1、 标题标签

n表示不同大小的字体,n取值1-6

2、


水平线标签

创建一个水平分割线,用于定义内容主题的变化

size属性: 水平线的高度,单位像素(px)

noshade属性:没有阴影,取值:noshade,表示显示纯色

4、 字体标签

字体的内容

size:设置字体大小。取值1-7。浏览器默认3。

color:设置字体的颜色。

face:设置文字的字体

5、 格式化标签

粗体

斜体

6、

段落标签

插入单个换行

7、 标签图片

属性名称

含义

作用

scr

图片的路径地址

必写属性, 否则看不到图片

width

宽度

height

高度

如果只设置其中一项,那么图片会等比例缩放

title

提示文本

鼠标悬停在图片上方会出现的文字信息

alt

替换文本

图片加载失败的时候才会出现的文字信息

border

边框

只能定义边框的粗细

8、

  1. 列表标签
  2. 是列表标签内的每一列

    无序列表

    名称

    含义

    type=”circle”

    空心圆

    type=”disc”

    默认值,实心黑色圆

    type=”square”

    实心黑色正方形

    注意:卸载ul身上是所有li改变,写在li身上是单个改变

    有序列表

    名称

    形式

    type=”1”

    默认值,1、2、3…

    type=”a”

    小写的英文字母,a、b、c…

    type=”A”

    大写的英文字母,A、B、C…

    type=”i”

    小写的罗马数字,i、ii、iii…

    type=”I”

    大写的罗马数字,I、II、III…

    9、 超链接标签

    名称

    作用

    取值

    href

    规定链接的目标url

    比写属性

    target

    规定在何处打开目标url。

    尽在href属性存在时使用

    _ blank 新窗口打开

    _self 默认打开方式

    framename框架的名称 |

    | name | 规定锚点的名称 | 自定义 |

    空连接

    空链接

    空链接

    锚点链接

    点击跳转

    目标区域

    10、

    表格标签

    表格基本语法

    名称

    作用

    border

    表格边框的宽度

    cellpadding

    单元格边沿与其内容之间的空白

    cellspaceing

    单元格之间的空白

    bgcolor

    表格的背景颜色

    height

    表格的高度

    width

    表格的宽度

    表格属性

    标签用于定义表格的单元格(一个列)

    td标签的属性:

    名称

    作用

    colspan

    单元格可横跨的列数(横向合并单元格)

    rowspan

    单元格可横跨的行数(纵向合并单元格)

    align

    单元格内容的水平对齐方式

    取值:left 左、right 右、center 居中

    标签用于定义表头。单元格内的内容默认居中加粗

    11、

    框架标签 frame框架set集合:框架集合

    它是多个窗口页面整合在一起的一个集合(框架集:frameset)。每一个页面(框架:frame)都是单独文档(html),需要使用字标签 来确定页面的位置。通过cols和rows确定 行列数。多个

    可以嵌套使用。

    rows属性和cols属性取值:值1,值2,值3,….一个值代表一行(列),多值使用逗号分隔,值可以是10px、10%等,最后一个值可以使用*自动匹配。

    框架子标签

    src属性: 设置此框架要显示的页面名称或路径。此为必须设置的属性。

    name属性: 设置框架名称。

    noreszie属性: 设置框架大小是否能手动调节。

    有的导航框架中的超链接 标签中的target属性需要设置为其他框架的名称,这样就可以实现点击超链接,让目标页面在指定的框架中显示。

    表单相关标签

    1、 < form>表单标签

    表单标签的主要功能:把表单中的数据提交给远端的服务器。

    From就像一个快递盒子,把需要发送给服务器的数据装到这个盒子里,点击提交按钮,然后浏览器就将数据发送给服务器

    表单标签在浏览器上没有任何显示,但是所有需要提交到服务器的数据都需要存放在表单标签中。

    action属性:请求路径,确定表单提交到服务器的地址(路径)

    method属性:请求方式。常用的取值:GET、POST

    2、 输入域标签

    标签用于获得用户输入信息,type属性值不同,搜集方式不同

    type属性

    text: 文本框,单行的输入字段,默认宽度20个字符

    password: 密码框,密码字段。

    radio: 单选框,表示一组互斥选项按钮中的一个。

    submit: 提交按钮。将表单数据发送到服务器。一般不写name属性,否则将”提交”两个字到服务器。

    checkbox 复选框

    file: 文件上传组件

    hidden: 隐藏字段

    reset: 重置按钮

    image : 图形提交按钮

    button: 普通按钮,常用于与javaScript结合使用

    name: 元素(数据)名称,如果需要表单数据提交到服务器,必须提供name属性值,服务器通过属性值获得提交的数据

    value属性: 设置input标签的默认值。注意:submit和reset为按钮显示数据

    size属性: input的宽度大小

    checked属性: 单选框或复选框被选中

    readonly: 是否只读 数据会被提交

    disabled: 是否可用 数据不会被提交

    maxlength: 允许输入的最大长度

    下拉列表。可用单选和多选。需要字标签 制定列表项

    name属性:发送给服务器的名称

    multiple属性: 不写默认单选,取值为”mutiple” 表示多选

    size属性:多选时,课件选项的数目

    子标签:下拉列表中的一个选项(一个条目)

    selected: 勾选当前列表项

    value: 发送给服务器的选项值

    一般option需要给value这个属性,如果不给,默认把option的文本内容发送给服务器

    文本域标签

    cols属性:文本域的列数

    rows属性:文本域的行数

css html基础书,htmlcss基础知识汇总,新人必看!相关推荐

  1. HTML5中margin属性应用,CSS重要属性之 margin 属性知识大整合(必看篇)

    以下的分享是本人最近几天学习了margin知识后,大有启发,感觉以前对margin的了解简直太浅薄.所以写成以下文章,一是供自己整理思路:二是把知识分享出来,避免各位对margin属性的误解.内容可能 ...

  2. web前端的易错点和冷知识,新人必看!

    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑. JavaScript 所有对象都有 proto 属性,都指向创造对象的函数对象的 prototype. 上传文件要使用 formdata ...

  3. 全基因组重测序基础及高级分析知识汇总

    全基因组重测序基础及高级分析知识汇总 oddxix 已关注 2018.09.20 17:04 字数 11355 阅读 212评论 0喜欢 6 转自:http://www.360doc.com/cont ...

  4. 【PMP考试扫盲】超详细的PMP项目管理入门基础知识,考证必看

    我今年 6 月刚考过 PMP,发现很多小伙伴都对 PMP 还不了解,这篇文章就是对 PMP 基础知识的一个全面解答,文章有点长,先给大家上个目录,方便大家直接查看对应内容~ 目录 [PMP考试扫盲]超 ...

  5. java重要基础知识点_必看 | 新人必看的Java基础知识点大梳理

    原标题:必看 | 新人必看的Java基础知识点大梳理 各位正在认真苦学Java的准大神,在这烈日炎炎的夏季里,老九君准备给大家带来一个超级大的"冰镇西瓜,"给大家清凉一下,压压惊. ...

  6. 中山大学计算机学院选课要求,39所985高校3+1+2选科要求汇总! 报考必看!

    原标题:39所985高校"3+1+2"选科要求汇总! 报考必看! 2021年,江苏.福建.河北.辽宁.湖北.湖南.广东.重庆8省市迎来首年"3+1+2"新高考模 ...

  7. 计算机硬件知识硬盘,DIY硬件知识:小白必看的硬盘基础知识大全

    硬盘是DIY硬件最为重要的存储设备,如果没有硬盘,虽然能够点亮机器,但是你不能进入系统并且保存任何资料文件.众所周知,目前主流的硬盘类型有两种,一种为机械硬盘,另一种为固态硬盘,固态硬盘是目前最流行的 ...

  8. CSS入门(网页皮肉)——知识汇总①

    CSS知识汇总① 选择器 元素选择器: <style type="text/css">h1{color: (字体颜色);background-color: (背景颜色) ...

  9. python基础教程书籍推荐-初学者python入门必看书籍推荐(上)

    随着最近Python的热度上涨,学习的人数也在增多,也因为Python这门语言的简短.易学.语言优美的优点,吸引了很多人来学习它.初学者想要入门,就必须先通过阅读,学习大量的理论知识对Python有一 ...

最新文章

  1. python生成配置文件config_Python configparser模块封装及构造配置文件
  2. node中模板引擎、模块导出、package.json简介
  3. input输入框禁止自动补全和下拉提示
  4. Android 系统(203)---Android包管理机制(一)PackageInstaller的初始化
  5. java中priorityqueue_详解JAVA中priorityqueue的具体使用
  6. jupyter notebook使用opencv的例子_VSCode中使用jupyter notebook
  7. c语言中线程的特性,具有C 11多线程的特征库
  8. iOS贝塞尔曲线(UIBezierPath)的基本使用方法
  9. deepTools对ChIP-seq数据可视化
  10. 三维模型重建(1):关于三维模型重建的一些简介
  11. java 方法缺省参数
  12. 转摘 房地产知识
  13. 嵌入式开发板设置IP
  14. SLAM十四讲ch5 joinMap错误解决
  15. Android Studio运行app启动模拟器一直卡在“Wating for target device to come online”解决方法
  16. 利用python读取excel中的公司名称获取公司的经营范围并回填进excel中
  17. CIS基准测试工具kube-bench使用
  18. 开发人员的人品问题 收藏
  19. Nginx是干什么的
  20. 攻略:手把手教你如何看懂以太坊区块链浏览器(配图更清晰)

热门文章

  1. android webview参数,Android webView解析URL参数
  2. 2018年python薪资_2018年国内就业薪资高的7大编程语言排行
  3. 南农计算机考研985,江浙沪985/211考研难度梯队排名
  4. sendkeys鼠标点击_selenium操作详解之鼠标键盘事件
  5. osg渲染到纹理技术(一)
  6. OpenGL的glScissor示例程序
  7. AFNetwork作用和用法详解
  8. linux搜索关键字并定位,Linux系统中文件定位与查找(示例代码)
  9. restful 接口 安全性设计
  10. webstorm中配置svn