HTML 常用标签_炒鸡蛋44的博客-程序员宝宝

技术标签: css  html5  html  网页开发  

目录

HTML常用标签:

 body中常用标签:

标题: 

文本: 

字符实体:

结构标签:

列表:

表格:

表单标签: 

 表单控件属性:


HTML常用标签:

 body中常用标签:

标题: 

 多个段落快捷键:p*n Tab 内容*n Tab

<!DOCTYPE html> 
<!-- # 文档类型说明 -->
<html lang="en">    
<!-- # 页面根标签 -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hello</title>
</head>
<body>
    <h1 align='center'>你好</h1>
    <h3 align='center'>中午吃什么</h3>
    <p>鱼香肉丝、宫保鸡丁、水煮鱼、水煮肉片、夫妻肺片、辣子鸡丁、麻婆豆腐、回锅肉、东坡肘子和东坡肉、棒棒鸡、泡椒凤爪、灯影牛肉、廖排骨、口水鸡、香辣虾、尖椒炒牛肉、四川火锅、麻辣香水鱼、板栗烧鸡、辣子鸡</p>

</body>
</html>

文本: 

    <b>加粗</b>
    <i>倾斜</i>
    <del>删除</del><br><hr>
    <b><i>加粗倾斜文字</i></b>

效果如下:

字符实体:

 

结构标签:

列表:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>
    <!-- ul>li*3 -->
    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
    <ol>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ol>
</body>
</html>

 

<ol start=4>

  

表格:

    <!-- 四行三列 -->
    <!-- table>tr*4>td*3 -->
    <table>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
            <td>23</td>
        </tr>
        <tr>
            <td>31</td>
            <td>32</td>
            <td>33</td>
        </tr>
        <tr>
            <td>41</td>
            <td>42</td>
            <td>43</td>
        </tr>
    </table>

为表格添加边框: 

    <!-- border 边框 -->
    <!-- cellspacing 单元格边距 -->
    <table border="1" cellspacing='0'>

<td colspan="3">11</td>

   

表单标签: 

 

    <form action="" method="get">
        <!-- 表单控件 -->
        姓名:<input type="text">
        密码:<input type="password">
        选择:<input type="radio">
    </form>

 表单控件属性:

输入姓名,密码,单选: 

    <form action="" method="get">
        <!-- 表单控件 -->
        姓名:<input type="text" name="uname" value="请输入用户名">
        密码:<input type="password" name="pwd" placeholder="请输入密码">
        选择:
        <input type="radio" name="answer" value="A">A
        <input type="radio" name="answer" value="B">B
        <!-- 提交按钮 -->
        <input type="submit">
    </form>

下拉选择: 

      班级: <select name="" id="">
            <option value="">一班</option>
            <option value="">二班</option>
            <option value="">三班</option>
        </select>

 

多行文本域:

    <textarea name="" id="" cols="30" rows="10"></textarea>
    <input type="submit">

图片标签:

be like: 

 

 超级链接标签:

_self当前窗口打开;_blank新窗口打开

 标签分类:

 dispaly属性:

 标签属性不通用

 

 

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_55643605/article/details/120668804

智能推荐

pycharm中Mark Directory as 成 sources root 的作用_littlehaes的博客-程序员宝宝_mark as source root

welcome to my blog使用from…import添加非python的包时, 需要为python解释器指定搜索路径, 比如使用sys.path.insert(), 还可以指定PYTHONPATH, 我用的是PYTHONPATH, 编辑run的配置文件时突然看到"Add source roots to PYTHONPATH", 又突然联想到Mark Directory as, 于是就觉...

使用gazebo中的building editor创建一个建筑环境并用于仿真_Ribbite的博客-程序员宝宝_building editor

说明:此文仅针对Learning ROS for Robotics Programming - Second Edition这本书中的第八章的内容。一、使用gazebo创建建筑1 . 打开building editor(1) . 开启gazebo$ gazebo(2). 按Ctrl+B打开编辑器2. 图形用户接口编辑器由三部分组成: (1) Palette,在这里可以选择建筑的特征和材料。 (2_1671465600

【CSS解决页面高度塌陷问题】_页面塌陷的产生原因_꒰ঌsnail໒꒱的博客-程序员宝宝

高度塌陷问题描述1、页面高度塌陷问题(1)产生原因(2)正常标准流盒子(3)子盒子浮动(4)归纳总结1.1、清除浮动本质1.2 、清除浮动的方法(1)方法一:额外标签法(2)方法二:给父级添加overflow属性方法①一个BFC的小知识(3)方法三:使用after伪元素清除浮动(4)方法四:clearfix类解决高度塌陷(推荐)1.3、一个常用布局框架实例1、页面高度塌陷问题(1)产生原因我们都知道当元素浮动后,可以左右移动,直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流,

memcpy和strcpy区别,以及源代码学习_行者三个石的博客-程序员宝宝

因为自己主要用到得是C语言,所以这里只学习C语言的,C++应该是一样的。常见用法和区别头文件#include&lt;string.h&gt;声明char *strcpy(char* dest,const char* src);void *memcpy(void*dest, const void *src, size_t n);两者区别strcpy只能拷贝字符串。s...

靶场covfefe CTF之内网渗透(一)_派大李0.0的博客-程序员宝宝_ctf内网渗透题

靶场环境和系统:Linux内网靶机IP:192.168.8.103kali-ip :192.168.0.102一、信息收集:1、主机发现:netdiscover - r 192.168.0.0/24 //获取同网段信息2、端口扫描:nmap -sV -T4 192.168.0.103 //获取主机端口信息nmap -T4 -A -v 192.168.0.103 //获取主机详细信息3、目录扫描:dirb http://192.168.0.103:31337 //获取网站

Gitlab服务器搭建(详细)含版本兼容_左&&右的博客-程序员宝宝

一、官网地址与安装说明(大神请自助)首页:https://about.gitlab.com/安装说明:https://about.gitlab.com/installation/二、 资源准备vmwarecentos7镜像文件版本:CentOS-7-x86_64-DVD-1708.isoyum 安装gitlab-ee(或ce)时,需要联网下载几百M 的安装文件,非常耗时,所以应提前把所需RPM包下载并安装好。下载地址:https://packages.gitlab.com/gitlab/git

随便推点

2022年高频Java面试题集锦,让你的面试之路畅通无阻_java小霜的博客-程序员宝宝_springboot面试题2022

或许这份面试题还不足以囊括所有 Java 问题,但有了它,我相信你一定不会“败”的很惨,因为有了它,足以应对目前市面上绝大部分的 Java 面试了,因为这篇文章不论是从深度还是广度上来讲,都已经囊括了非常多的知识点了。凡事预则立,不预则废。能读到这里的人,我相信都是这个世界上的“有心人”,还是那句老话:上天不负有心人!我相信你的每一步努力,都会收获意想不到的回报。包含的模块本文分为十九个模块,分别是:Java 基础、容器、多线程、反射、对象拷贝、Java Web 、异常、网络、设计模式、Sp..

QQ小程序服务器出错是什么意思,QQ小程序为什么打不开_为什么QQ下拉小程序显示请求失败没有权限_3DM手游..._小方有点小方的博客-程序员宝宝

最新版QQ推出了和微信一样的小程序功能,这可是腾讯未来计划的重要的第一步,在未来腾讯的软件一定会全部可以由小程序下拉添加直接使用,甚至无需下载,那时候的网络肯定也不是现在能比的,腾讯爸爸牛笔!只因为在人群中多看了你一眼,只因为在列表里找不到想要的功能,只因为QQ推出了全新的小程序功能,小编本想看一封邮件,但是在QQ里没找到,可能时小编瞎了,请忽略这层因素,但是小编真心以为小程序里会有,接下来。小编...

Android 10 文件读写权限申请_sfzoro的博客-程序员宝宝

1.配置androidmaifiest.xml 文件&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.syf.videoplay"&gt; &lt;uses-permission android:name="android.permission.WRITE_E...

Bison笔记_j-k的博客-程序员宝宝

Bison笔记2016/1/211.语法结构%{C/C++头文件、全局文件、全局变量、类型定义此法分析器yylex(采用lex进行此法分析)和错误打印函数%}Bison声明区间。定义之后用到的终结符、非终结符、操作符优先级%%Bison语法规则定义%%C/C++代码 需要定义prologue区域函数,或者其他代码,生成的c/c++文件会完全拷贝这份代

TCP/IP 各层的PDU名称_莫余的博客-程序员宝宝_pdu在不同层的名称

TCP/IP 各层的PDU名称TCP/IP 各层PDU名称应用层APDU运输层段网络层分组数据链路层帧物理层比特流

python3生成exe可执行文件_飞机飞机你在哪的博客-程序员宝宝

py脚本生成exe可执行文件依赖pyinstaller库下载链接为https://github.com/pyinstaller/pyinstaller直接在cmd里面切换到安装包所在目录,输入python setup.py install #进行安装如果报错可能是缺少依赖库,pyinstaller需要的库有pefile、altgraph,同样可以在g...

推荐文章

热门文章

相关标签