当前位置: 首页 > news >正文

HTML的认识

 学了四周多的html,让我认识到这html的神奇。在中西(在操作的过程当中用<p></p>等的结构在其中加字,它能让字变大 缩小   变色等奇妙无比)结合的情形下,在网页上展示了它的精妙之处。

   

HTML 指的是超文本标记语言 (Hyper Text Markup Language)       HTML 不是一种编程语言,而是一种标记语言 (markup language)       标记语言是一套标记标签 (markup tag)       HTML 使用标记标签来描述网页

<!---->  注释             实例:  <!-- This is a comment -->

     <body> 定义 HTML 文档的主体。

    <select id="year" name="year">          <option value="91">1992</option>          <option>1993</option>          <option selected="selected">1994</option>          <option>1995</option>          <option>1996</option>      </select>      下拉列表

     <html> 与 </html> 之间的文本描述网页

     <body> 与 </body> 之间的文本是可见的页面内容

     <h1> 与 </h1> 之间的文本被显示为标题                  实例:   <h1>This is a heading</h1>                          <h2>This is a heading</h2>                          <h3>This is a heading</h3>

      HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的

     图像是通过 <img> 标签进行定义的。                实例: <img src="1.jpg" width="104" height="142" />

      链接是通过 <a> 标签进行定义的                实例: <a href="http://www.baidu.com">百度</a>

      <p> 元素定义了 HTML 文档中的一个段落                 实例: <p>不是吗 </p>

      <br> 没有关闭标签的空元素(<br> 标签定义换行)                 实例: <br />,是关闭空元素的正确方法

      <name="value">标签的属性

      <h1 align="center"> align="center" 对齐方式的附加信息              实例: <h1 align="center">This is heading 1</h1>

      <table> 使用 HTML的表格

     <body bgcolor="yellow"> 使用背景颜色的

     <table border="1"> <tr><td></td></tr> 使用表格边框的

     class  规定元素的类名(

      id 规定元素的唯一

      style  规定元素的行内样式

      <hr /> 水平线          实例: <p>This is a paragraph</p>                <hr />                <p>This is a paragraph</p>                <hr />                <p>This is a paragraph</p>

         <b> 定义粗体文本。

      <big> 定义大号字。

      <a> 定义锚

      &nbsp;空格符号

      <table> 定义表格

      <caption> 定义表格标题

      <th> 定义表格的表头

      <tr> 定义表格的行

      <td> 定义表格单元

      <thead> 定义表格的页眉

      <tbody> 定义表格的主体

       <tfoot> 定义表格的页脚

       <col> 定义用于表格列的属性

       <colgroup> 定义表格列的

        无序列表用 <ul>  每个列表要用 <li>开始                实例:    <ul>                          <li>哈哈</li>                          <li>呵呵</li>                         </ul>         有序列表用 <ol>  每个列表要用 <li>开始                实例:    <ol>                           <li>哈哈</li>                           <li>呵呵</li>                         </ol>         自定义列表用 <dl>  每个自定义列表要用 <dt> 开始。每个自定义列表用 <dd> 开始                 实例:   <dl>                            <dt>哈哈</dt>                            <dd>你要来一炮吗</dd>                            <dt>呵呵</dt>                            <dd>你认为是谁</dd>                        </dl>         <ol> 定义有序列表

        <ul> 定义无序列表

        <li> 定义列表项

        <dl> 定义定义列表

        <dt> 定义定义项目

        <dd> 定义定义的描述

        <span> 是内联元素,用于作文本的容器

        <div> 定义文档中的分区

        <form>使用于表单

       <input type="text" name="firstname" />输入的文本框架

        <button type="button">按钮</button> 按钮               disabled 是规定禁用此按钮。

        alt  用于区域的替换文本

        shape  定义区域的形状

        <blockquote></blockquote>  标记长的引用

        <colspan="" rowspan="">  用于单元格的合并

        selector  选择器

        P {color:deeppink; font-size: 20px }         #idp{background-color:orangered}         .p1 {color:blue }         input{color: red }         a:link{color: red; text-decoration:none}         a:hover{text-decoration:underline color:yellow; font-size: 20px}         h1 {color:red; font-size:14px;}             不同的变颜色的方法

        规定元素的 id、宽度和高度:                 实例:   <canvas id="myCanvas" width="200" height="100"></canvas>

        在 head 部分通过 <style> 标签定义内部样式表。                 实例:   <head>                           <style type="text/css">                            p {margin-left: 20px}                           </style>                        </head>

         外部样式表                 <link rel="stylesheet" type="text/css" href="mystyle.css">

          链接语法               <a href="url">Link text</a>               <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

          命名锚的语法               <a name="label">Text to be displayed</a>

            从不同的位置插入图片             <p>                 来自另一个文件夹的图像:                   <img src="../i/ct_netscape.jpg" tppabs="http://w3school.com.cn/i/ct_netscape.jpg" />             </p>

            <p>                 来自 W3School.com.cn 的图像:                   <img src="../../www.w3school.com.cn/i/w3school_logo_white.gif" tppabs="http://www.w3school.com.cn/i/w3school_logo_white.gif" />             </p>

            alt 属性用来为图像定义一串预备的可替换的文本                   <img src="boat.gif" alt="Big Boat">

            插背景图片                     <body background="../i/eg_background.jpg" tppabs="http://w3school.com.cn/i/eg_background.jpg">

                    <h3>图像背景</h3>

                    <p>gif 和 jpg 文件均可用作 HTML 背景。</p>

                     <p>如果图像小于页面,图像会进行重复。</p>

             叶面布局                     <table width="500" border="0">                         <tr>                             <td colspan="2" style="">                                 <h1>Main Title of Web Page</h1>                             </td>                         </tr>

          当用户从若干给定的的选择中选取其一时,就会用到单选框。

                        <form>                             <input type="radio" name="sex" value="male" /> Male                             <br />                             <input type="radio" name="sex" value="female" /> Female                         </form>

转载于:https://www.cnblogs.com/cheng1314510/p/3938149.html

相关文章:

  • 【HDOJ】4983 Goffi and GCD
  • StarkSoft题库管理系统(二)--生成word格式试卷
  • PXE结合kiskstart实现自动化安装系统
  • dm6446开发大全资料号称宇宙最全
  • java空指针注意事项
  • linux下个人权限的Apache服务器的php的yii搭建
  • atitit. 日志系统的原则and设计and最佳实践(1)-----原理理论总结.
  • C语言中迭代器的设计与使用
  • 利用ACL库快速创建你的网络程序--ACL_VSTREAM 流的使用
  • 架构反思案例之“分布式”的架构案例
  • HttpClient---------demo
  • SQLSERVER存储过程基本语法
  • 安装redis
  • C#实现一个最简单的HTTP服务器
  • 【特别推荐】14个支持响应式设计的流行前端开发框架
  • 【个人向】《HTTP图解》阅后小结
  • angular学习第一篇-----环境搭建
  • axios 和 cookie 的那些事
  • ECMAScript入门(七)--Module语法
  • ERLANG 网工修炼笔记 ---- UDP
  • ES6 ...操作符
  • es6(二):字符串的扩展
  • js对象的深浅拷贝
  • leetcode388. Longest Absolute File Path
  • macOS 中 shell 创建文件夹及文件并 VS Code 打开
  • PaddlePaddle-GitHub的正确打开姿势
  • PAT A1017 优先队列
  • React系列之 Redux 架构模式
  • Spring Boot快速入门(一):Hello Spring Boot
  • 猫头鹰的深夜翻译:JDK9 NotNullOrElse方法
  • 判断客户端类型,Android,iOS,PC
  • 使用putty远程连接linux
  • 线上 python http server profile 实践
  • 译自由幺半群
  • 优化 Vue 项目编译文件大小
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • Unity3D - 异步加载游戏场景与异步加载游戏资源进度条 ...
  • 阿里云重庆大学大数据训练营落地分享
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #使用清华镜像源 安装/更新 指定版本tensorflow
  • #微信小程序(布局、渲染层基础知识)
  • (2)(2.10) LTM telemetry
  • (2)STL算法之元素计数
  • (52)只出现一次的数字III
  • (Matalb分类预测)GA-BP遗传算法优化BP神经网络的多维分类预测
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (收藏)Git和Repo扫盲——如何取得Android源代码
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (五)c52学习之旅-静态数码管
  • (续)使用Django搭建一个完整的项目(Centos7+Nginx)
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • (转)平衡树
  • (轉貼) UML中文FAQ (OO) (UML)
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。