HTML详解

HTML详解

注释

<!-- html注释 -->

/* css 注释 */

// 单行注释
/* 多行注释*/

h1 标签啊每个页面只能使用一次 用来放网页的logo

<!-- html标签都是自身携带 语义:普通语义 和 强调语义:搜索引擎会优先抓取 -->
    <b>加粗</b>
    <i>倾斜</i>
    <u>下划线</u>
    <s>删除线</s>

    <strong>加粗</strong>
    <em>em</em>
    <ins>ins</ins>
    <del>del</del>

列表

有序列表(ol)

无序列表(ul)

自定义列表(dl dt)

<ol>
    <li></li>
    <li></li>
</ol>

<ul>
    <li></li>
    <li></li>
</ul>

<dl>
    <dt></dt>
    <dt></dt>
</dl>

表格

表单

  • type

表单属性

-type = 'text'  文本框
- type = 'password' 密码框
- type = 'radio' 单选框
- type = 'checkBox' 复选框
- type = 'file' 上传文件
- type = 'submit' 提交按钮
- type = 'reset' 重置按钮
- type = 'button' 按钮 等同于

button/button

  • value 表单元素的值
  • name 表单元素的名称,提交数据的键名 textarea /两个属性/ /* 禁止拖拽 */ resize: none; /* 去掉焦点框 */ outline: none;

盒子模型

/* 加padding能撑大盒子 -- 盒子尺寸计算公式: border + padding  + width/height */

/* css3.0新增的功能 -- 启动盒子内减模式 */
box-sizing: border-box;

盒子模型属性
    margin 同样适用
    /* padding: 10px 20px 40px 80px; 含义:上 右 下  左 */
    /* padding: 10px 40px 80px; 含义: 上  左右   下 */
    /* padding: 10px 80px; 含义: 上下  左右 */

文字居中

行高: 文字垂直居中:设置行高属性的值等于高度属性值

div 垂直居中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    div{
        width: 500px;
        height: 300px;
        background: #ccc;
        /* margin:auto; */
        position: absolute;
        left: 50%;
        margin-left: -250px;
        top: 50%;
        margin-top: -150px;
    }
    </style>
</head>
<body>
    <div></div>
</body>
</html>


/*加粗*/
font-weight:bold;
/* 倾斜*/
font-style:italic
/*文字修饰线*/
text-decoration: underline;
/* 首行缩进*/
text-indent:2em;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Flask视图_

    版权声明:Copyright © ...

    zhengzongwei
  • zabbix 告警设计

    zhengzongwei
  • 爬取豆瓣电影TOP200(改进)

    版权声明:Copyright © ...

    zhengzongwei
  • html和css进阶

    5.0之前没有placeholder新增功能,之前是value(提示的文字需要用户删除,而且字的颜色也没有变暗)实现的

    小闫同学啊
  • 一个tab切换的方法 siblings()

    项目中经常会用到 tab 切换功能,有的还会有一个 更多 按钮,我们可以用下面这个方法实现一个多功能的 tab 切换。

    德顺
  • 确定core文件是由哪个文件产生的方法

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

    血狼debugeeker
  • git commit 新修改的内容 添加到上次提交中 减少提交的日志

    有时候提交过一次记录只有,又修改了一次,仅仅是改动一些较少的内容,可以使用git commit --amend. 添加到上次提交过程中;

    xuyaowen
  • Github14k的Springboot后台管理系统

    该项目由大神elunez一手大打造。它是一个基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Securit...

    用户3467126
  • 一个SAP CRM WebClient UI component元数据的解析工具

    Jerry Wang
  • 从零开始学 Web 之 DOM(七)事件冒泡

    事件冒泡:当有多个元素嵌套,并且这些元素绑定了相同的事件,这时候如果里面的元素事件触发了,那么外面的事件会自动触发。

    Daotin

扫码关注云+社区

领取腾讯云代金券