HTML

You are my heart

于 2018-11-16 09:04:34 发布

阅读量253

点赞数

本文链接：https://blog.csdn.net/weixin_43096635/article/details/84132893

版权

       <html lang="en" xmlns="http://www.w3.org/1999/html">
       <head>
           <meta charset="UTF-8">
           <title>Title</title>
       </head>
       <body>
       <video src="视频路径" controls="controls"></video>
       FOR
       </body>
       </html>
       <!DOCTYE html>
       <html lang="on">
       <p method="post"action="result.html">
       <p>名字：<input name="中"type="text"/></p>>
       <P>密码：<input name="QWER1234"type="password"/></P>
       <input name="name"type="Button"value="提交"/>
       <input name="name"type="Button"value="提交"/>
       </p>
       </form>
       <!DOCTYE html>
       <html lang="on">
       <p method="post"action="result.html">
           这里是表单提交的页面
       </p>
       </form>
       <!DOCTYPE html>
       <html lang="en">
       <P>
           <form method="post"action="">
       <p>
           名字  ：
           <input type="text" value="name"fname"/>
       </p>
       <p>
           姓氏:
           <input type="text" value="钟" type="text"/>
       </p>
       <p>
           登录名;
           <input type="text" value="password" size="30"
           />
       </p>
       </form>
       <!DOCTYPE html>
       <html lang="en">
       <head>
           <form method="post"action="">
               <p>
                   用户名;
                   <input type="text" value="password" size="30"    />
               </p>
               <p>密码：
                   <input name="pass"type="password"size="22"/>
               </p>
           </form>
           <!DOCTYPE html>

           性别：
           <input name="gen"type="radio"value="男"/>男
           <input name="gen"type="radio"value="女"/>女
           </form>
           <!DOCTYPE html>
           爱好：
           <input type="checkbox"name="interet"value="sports"/>运动
           <input type="checkbox"name="interet"value="talk"/>聊天
           <input type="checkbox"name="interet"value="play"/>玩游戏
       </head>

       <!DOCTYPE html>
       出生日期：
       <input type="text"name="byear"value="yyyy" size="4"malength="4"/>年
       <select name="bmon">
           <option value="">[选择月份]</option>
           <option value="1">一月</option>
           <option value="2">二月</option>
           <option value="3">三月</option>
           <option value="4">四月</option>
           <option value="5">五月</option>
           <option value="6">六月</option>
           <option value="7">七月</option>
           <option value="8">八月</option>
           <option value="9">九月</option>
           <option value="10">十月</option>
           <option value="11">十一月</option>
           <option value="12">十二月</option>

           <input type="text"name="bday"value="  电竞BB机"  size="2"maxlength="2"/>日
       </select>

       <!DOCTYPE html>
       出生日期
       <input type="text"name="byear"value="4" size="4"malength="4"/>年

       <!DOCTYPE html>
       <h4>填写个人评价</h4>
       <p>
    <textarea  name="textarea" cols="40" rows="6">
        自信、活泼、善于思考...
    </textarea>
       </p>
       </html>

       <!DOCTYPE html>
       <br><input type="file" name="file"/><br/>
       <input type="submit"name="upload"value="上传"/></P>
       <input type="submit"name="upload"value="选择文件"/></P>
       </html>

       <!DOCTYPE html>
       <p>
           邮箱：
           <input type="email"  name="email"/>
       </p>
       <input type="submit"/>

       <!DOCTYPE html>
       <p>
           请输入数字：
           <input type="range"name="range1"min="0"max="10"step="2"/>
       </p>
       <input type="submit"/>
       </html>

       <!DOCTYPE html>
       <p>
           请输入搜索的关键词：
           <input type="search"name="sousuo"/>
           <input type="submit" value="Go"/>000000
       </p>
       </html>>

       <!DOCTYPE html>
       <h1><a href="#"><img src="图片路径"alt="logo"/></a></h1>
       <p>
           <a href="#">免费邮</a>
           其余超链接  省略
       </p>
       </DOCTYPE>

       <!DOCTYPE html>
       <!--左边-->
       <P>
           <img src="图片路径" alt=""/>
       <ul>此处省略了里面的列表项</ul>
       </P>
       <!--右边-->
       <form action="#"method="get">此处省略表单里的内容</form>
       </section>

       <footer>
           <img src="图片超链接"alt=""/>
           <a href="#">关于网易</a>
           省略其他的超链接
       </footer>

       <!DOCTYPE html>
       <p>
           电子邮箱：
           <input type="email"  name="email"/>
       </p>
       <p>
           设置密码：


           <input name="pass"type="password"size="22"/>
       </p>
       <p>
           真实姓名  ：
           <input type="text" value="顾凡"fname"/>
       </p>
       性别：
       <input name="gen"type="radio"value="男"/>男
       <input name="gen"type="radio"value="女"/>女
       <p>
           生日
           <input type="text"name="byear"value="2001" size="2001"malength="2001"/>年
       </p>
       <input type="text"name="byear"value="4" size="4"malength="4"/>月


       <input type="text"name="byear"value="1" size="1"malength="1"/>日

       <input type="submit"/>

       <!DOCTYPE html>
       <p>

           <!DOCTYPE html>
       <p>请输入搜索的关键词：
           <input type="search"name="sousuo"  placeholder="请输入要搜索的关键字"/>
           <input type="submit"value="Go"/>
       </p>
       <!DOCTYPE html>
       Y
       <!DOCTYPE html>
       <p>
           用户名：
           <input type="text"name="username" required/>
           <input type="submit"value="提交">
       </p>
       <!DOCTYPE html>

       <!DOCTYPE html>
       <p>
           电话号码;
           <input type="text"name="tel" required pattern="*1[358]\d{9}"/>
           *以13、15.18开头的11位数字
       <p>
           <input type="submit"value="提交"/>
       </p>
       <!DOCTYPE html>

       <!DOCTYPE html>
       <p>

           <!DOCTYPE html>
           <html lang="en">
           <meta charset="UTF-8">
           <title>三种基本选择器的优先级</title>
           <style type="text/css">
               p {
                   font-size: 14px;
                   color: red;
               }
               h1{
                   color: blue;
               }
               h1{
                   color: pink;
               }
               #h1{
                   color: green;
               }
           </style>
           </head>
           </html>
       <h1 class="h1" id="h1">北京欢迎你</h1>
       <P>北京欢迎你，有梦想谁都了不起！</P>
</body>

链接外部样式表

北京欢迎你

北京欢迎你，有梦想谁都了不起

有勇气就会有奇迹。

北京欢迎你的为你开天辟地

流动中的魅力充满朝气

样式引入优先级问题

北京欢迎你

样式引入优先级问题

望庐山瀑布

标签选择器的用法

北京欢迎你

北京欢迎你，有梦想谁都了不起

有勇气就会有奇迹

使用css层次选择器

<!DOCTYPE html>
<head lang="en">
    <htnl>
        <meta charset="UTF-8">
        <title>使用css层次选择器</title>
        <style type="text/css">
            /*子选择器*/
            body>p{
                background:pink;
            }
            <htnl>

             <!DOCTYPE html>
               <html>
               <head lang="en">
                              <meta charset="UTE-8">
                                                   <title>使用css结构伪类选择器</title>
                                                                        <style>
                                                                            /*ul的第一个子元素*/
                                                                        ul li;first-charset{ background: red;}
            /*ul 的最后一个子元素p*/
            ul li;first-charset{ background: green;}
            /*父元素里的第一个元素*/
            p:nth-child(1) { background: yellow;}
            /*父元素里的第2个类型为p的元素*/
            p:nth-of-type(2){background: blue;}
        </style>
    </htnl>

字体类型

京东商城--全部商品分类

图书,音像，电子书刊

电子书刊,电子书网络原创数字杂志多媒体图书目
,音像音乐影视教育音像
经管励志经济金融与投资管理励志与成功

家用电器

>大家电

平板电视空调冰箱 DVD 播放机生活电器净化器电风扇饮水机电话机总裁致辞页面

总裁致辞

来源:来自北大青鸟

下划线:underline
上划线:overline
删除线:line-through

无下划线:none

垂直对齐方式

文本阴影

七彩大乐透

>七彩第20170808期开奖揭晓，具体开奖结果为7,24,16，2,14,9,22，特别号码为23。本期希望哪两个号码开出呢？请查询专家号

图书列表页

姑娘欢迎降落这个残酷的世界

作者：一门

$58

图书列表页

全部商品分类

背景颜色

水平线标签的应用

北京欢迎你

北京欢迎你,有梦想谁都了不起！
有勇气就会有奇迹。
北京欢迎你，为你开天辟地
流动中的魅力充满朝气。
北京欢迎你，在太阳下分享呼吸
在黄土地刷新成绩
北京欢迎你，像音乐感动你
让我们都加油去超越自己。

<head lang="en">
    <meta charset="UTF-8">
    <title>字体样式标签的应用</title>
</head>

徐志摩人物简介

1910年入杭州学堂
1918年赴美国克拉大大学习银行学
1921年开始创作新诗
1922年返国后在报刊上发表大量诗文
1927年参加创办新月书店
1931年由南京乘飞机到北平，飞机失事，因而遇难

字体样式标签的应用

徐志摩人物简介

1910年入杭州学堂
1918年赴美国克拉大大学习银行学
1921年开始创作新诗
1922年返国后在报刊上发表大量诗文

字体样式标签的应用

青平乐

年年雪里，常插梅花醉。挼尽梅花无好意，赢得满衣清泪。今年海角天涯，萧萧两鬓生华。看取晚来风势，故应难看梅花。

<head lang="en">
    <meta charset="UTF-8">
    <title>字体样式标签的应用</title>
</head>

人物介绍

李清照(1084年3月13日—约1155年),

图像标签的应用 rw

人物介绍

<head lang="en">
    <meta charset="UTF-8">
    <title>图书列表页</title>
</head>

人物介绍

！--图像超链接-->,

<head lang="en">
    <meta charset="UTF-8">
    <title>页面间链接</title>
</head>
</body>

YL在线学习平台

YL在线学习课程

热搜

范冰冰演
水果

苹果

桃子

李子

蔬菜

白菜

黄瓜

西红柿

热搜
- 范冰冰演
- 语文
  
  98
  
  数学
  <> 你的浏览器不支持video标签网易邮箱页面布局 <!-style 标签-->
  
  网页头部
  
  网页主体部分
  
  网页底部
  
  iframe简单使用 \

border-radius制作半圆形 *

You are my heart

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

&lt;html lang="en" xmlns="http://www.w3.org/1999/html"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;
复制链接

扫一扫