2021
09/07
18:23
你的地图定位我的位置:首页 > 网页设计 > html 笔记

html 笔记

颁发时间:2021-09-07 18:23:53

原励志文章标题大全:html 笔记

html (hyper text markup language)知识点翻译


html文档结构

<!-- 文档javascript注释 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>
  • <!DOCTYPE html> html5永恒语法。
  • <!-- 文档javascript注释 --> 文档javascript注释
  • html root标签。通常指定属性 lang="en"
  • head body
  • title 在head内的标签。指定避雷器励志文章标题大全
  • meta 描述性分析标签,通常有至少有一度指定字符集设立UTF-8

标签类型

标签的右方句号前不错有空格

标签也称为分子,有标签值,标签值不错是别的标签分子,不错有属性,名下莫名多个儿子属性用空格隔开,每股属性都有属性值

  • 自闭锁

    • <hr/> 大括号和右句号中间不足有空格,大括号前可有空格。
  • 双标签

    • <h2>励志文章标题大全</h2> 右边的闭锁标签大括号两下里都不能有空格 。
    • 结构: <标签名称 标签属性=属性值 标签属性=属性值>标签值</标签名称>
  • 块分子

    • 该分子独占一行 如h, p标签
  • 行内分子

    • 如无换行标签。分子将排在一行,源码中换行不反馈分子平列。如小半小的标签 a, strang, em ...

贸易常用英语口语标签

  • h 励志文章标题大全通常有h1到h6 六级励志文章标题大全
  • p (part) 经典美文段落摘抄标签
  • a (anchor) 超链接
  • br (break carriage return)换行
  • hr (horizontal) 水平分界线换行,不能放入p标签内

常见属性

  • title head中的励志文章标题大全作为避雷器励志文章标题大全,其他分子的励志文章标题大全为鼠标悬停时炫耀的文本始末

  • alt (alternatively)年历片等资源洗发水未加载完成时用指定文本指代炫耀

  • name 标记分子的名称。表单提交时作为key提交,单选框用以分期,之类

  • id 标记分子的作为文档里引用如<label for="eleId"> 。之类

  • width 宽度

  • height 高度

  • border 边界宽度,通常不施用,穿越css贯彻

  • src (source)来源

  • hrefhypertext reference)

  • target 指定链接打开的地图定位我的位置

贸易常用英语口语特殊好看的符号

  • 鉴于html文档中小半字符为标记好看的符号。这些字符作为普通字符时,需要其他表示了局

    施用 &; 两个女人的战争全集好看的符号中通私拆包裹晒图英文字母表单词

    idea 编者器中 下载and好看的符号后ctrl+回车可进行各种好看的符号预览

  • &nbsp; 空格

  • &gt; 有过之无不及 (greater-than)

  • &lt; 低于 (less-than)

  • &eg; 有过之无不及 (equal or greater-than)

  • &el; 低于 (equal or less-than)

常规网页格局

网页格局使得文档结构一清二楚,先后的可读性强,便于维护和扩展。

产品英文翻译语意分子

  • header:励志文章标题大全头部幼儿园区域的始末
  • footer:励志文章标题大全脚部幼儿园区域的始末,常见各大网站拉到最凡间的幼儿园区域
  • section:web页中联名独立幼儿园区域
  • article:独立励志文章始末
  • code:独立代码始末
  • aside:相关始末或应用,常见于侧边栏
  • nav(navigation):领航类其次始末

img 图象标签

<img src='/images/loading.gif' data-original="../resources/image/1.jpg" >

通常的属性有:src, title, alt

其次的属性有:width, height

常见的类型: jpg, gif, jepg, png, bmp(位图)

a (anchor) 标签, 链接标签

<a href="http://www....." target="_blank" > 实体始末</a>
  • 实体始末点击即可跳转,实体始末不错是普通文本text。也不错是年历片img分子

    通常的属性有:href, target, title

    其次的属性有:

    常见的类型:

  • 标记,施用井字怎么打符# 。跳转到标记语法为:链接#分子名称,href#name

  • 凭依href不错跳转到别的页面

  • 如果跳转本页面的分子井号之前的链接地址大全可不填

    可施用a标签标记一度地图定位我的位置 <a name="top">这里标记为顶部</a>

    点击跳转轨 <a href="#top">点我跳转到顶部</a>

  • 病理性链接

    如邮箱:<a href="mailto:ttaolu.163.com">发送邮件给我</a>

    qq推广:

    <a href="" target="_blank"> <img border="1" src='/images/loading.gif' data-original="" /></a>

list 列表标签 order,unordered,definition

  • 有序列表 ol (order-list)

    • <ol>有序列表 <li>始末1</li> <li>始末2</li> <li>始末3</li> <li>始末4</li></ol>
  • 有序列表 ul (unordered-list)

    • <ul>有序列表 <li>始末1</li> <li>始末2</li> <li>始末3</li> <li>始末4</li></ul>
  • 自定义列表dl (definition-list)

    • dt (definition-list-title)

    • dd (definition-list-data)

    • <dl>自定义列表 <dt>列表头dt</dt> <dd>始末dd1</dd> <dd>始末dd2</dd> <dd>始末dd3</dd> <dd>始末dd4</dd> <dt>列表头dt333</dt> <dd>始末dd3331</dd> <dd>始末dd3332</dd> <dd>始末dd3333</dd></dl>

table 表格

  • 行 tr : table row

  • 列 td : table data, (数据)每一行寄放的数据

    • table 的属性有

      title

    • td 的属性有:

      rowspan: 该数据跨几行,如果跨两行,则下一行的数据从第二列开始平列(第一列地图定位我的位置被占用)
      colspan: 数据跨几行,则该行剩下的数据满贯往后一格

    <table border="1px"> <tr > <td colspan="3">学生成绩</td> </tr> <tr> <td rowspan="2">大乔</td> <td>语文</td> <td>100</td> </tr> <tr> <td>法学</td> <td>99</td> </tr> <tr> <td rowspan="2">周瑜</td> <td>语文</td> <td>89</td> </tr> <tr> <td>法学</td> <td>102</td> </tr></table>

学生成绩表
大乔 语文 100
法学 99
周瑜 语文 89
法学 102

audio 音频

  • 常见属性:

    src : 资源洗发水java路径

    title:悬停唤醒

    controls :飞机驾驶室

    autoplay :自动播放

    loop:循环往复播放

    muted:无音

    <audio src='/images/loading.gif' data-original="../resources/media/audio/G.E.M.邓紫棋-来自天堂官网的魔鬼爱人.mp3" controls autoplay loop></audio>

video 视频

  • 常见属性:参考音频

    <p> <video width="500" height="300" controls autoplay>  <source src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" type="video/mp4">  <source src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" type="video/ogg">  <source src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" type="video/webm">  <!-- 偏下两个女人的战争全集不行 -->  <!-- <source src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" type="video/avi">-->  <!-- <source src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" type="video/application/octet-stream">--> </video> <br></p><p> <video src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" width="500" height="300" autoplay loop></video> <br></p><p> <video src='/images/loading.gif' data-original="../resources/media/video/flower.mp4" width="500" height="300" autoplay loop></video> <br></p>
  • 无法播放问题:

    • windows眉目设立问题-windows功能未启用或MIME类型未配置

      control-先后-卸载先后-侧边栏的启动或关闭windown功能

      旗舰版打开Windows功能:运行-OptionalFeatures

      勾选两项:

      Internet Information Services/Web 企业运营管理工具/IIS 管理飞机驾驶室 (勾选)
      Internet Information Services/万维网服务 (勾选),该披沙拣金不用英文进行展开了


      按下win键-入口IIS打开飞机驾驶室

      旗舰版打开IIS飞机驾驶室:运行-inetmgr

      双击MIME类型-悔过书.mp4可不不错有配置,腰部右侧疼痛的原因操纵栏点击添加-入口excel扩展名.mp4和mime类型video/mp4

      其他参考命令:

      本机的IIS服务重启。人亡政,启动: iisreset, net stop iisadmin /y, net start iisadmin

      重启可能人亡政w3服务: net start w3svc, net stop w3svc

    • 视频自我问题-由视频自我无法被避雷器辨析的情况

      穿越各种转码软件重写视频源件

      放弃该视频,更换其他视频

ifarme 内联前端框架学习网

<p> <ifarme src='/images/loading.gif' data-original=""   scrolling="no" border="0" frameborder="no" framespacing="0" width="900" height="600"   allowfullscreen="true"></ifarme></p><p> <ifarme name="ifarme2" src='/images/loading.gif' data-original="" width="300" height="200" frameborder="0"  ></ifarme></p><p> <!-- 内联前端框架学习网跳转 src属性不错简便也不错为空src='/images/loading.gif' data-original="",src为其他时,点击跳转就会覆盖原ifarme的始末 --> <ifarme name="ifarme3" width="300" height="200" frameborder="1"></ifarme> <a href="" target="ifarme3">跳转至我的博客</a></p>

form 表单

属性

  • name: 表单名称
  • method: 表单表单中的分子始末以键值对置入url(get ),分子的键值对始末以data长法发送(post)
  • action: 表单提交地图定位我的位置,提交时表单中的分子始末信息发往地址大全,不错是网站,要求处理地址大全

表单分子(标签)

  • label 分子

    • for 属性:指定其他分子id
  • select 分子

    • 属性:name,
    • 蕴含分子:option
      • option 属性有: value,selected 并可指定option 标签的值,用于唤醒用户该披沙拣金文本描述信息
  • datalist 分子,披沙拣金列表

    • option
  • textarea 分子

    • 属性:name。value。placeholder,rows
  • input 分子

    • type 属性

      • text 文本框

      • password 文本框

      • number 文本框

      • search 文本框

      • url 文本框

      • email 文本框


      • checkbox 复选框

      • radio 单选框,单选框名下莫名多个儿子分子分成一组,指定分子的name属性为相同即可,即相同name的radio分子为一组


      • submit 按钮

      • reset 按钮

      • button 按钮

      • image 按钮

      • file 文件选择按钮。


      • hidden

      • range 滑块

    • name 属性。表单分子key

    • id 属性,表单分子用于识别

    • value 属性,表单分子的值,很多分子有默认值,一度分子只有一度值,但是不错名下莫名多个儿子分子有相同的name。以达到一度key名下莫名多个儿子value

      如是k1=v1&k1=v2&k1=v2。这里三个马分子name都为k1。有三个马值组别未v1,v2,v2

    • title 属性,悬停唤醒。鼠标悬停到该组件时炫耀的文本。贸易常用英语口语于文本框

    • placeholder 属性。用户唤醒,贸易常用英语口语于文本框。始末为空时,文本框内炫耀文本唤醒用户入口哪门子信息

    • maxlength 属性,文本框界定用户入口的字符数量

    • accpet 属性,可接受value的类型,

      可指定后缀".png",

      可指定类型"image/*",

      可指定名下莫名多个儿子,用逗号分隔"image/gif,image/jpg", ".csv,.jmx"

      可同时指定类型和后缀,用逗号分隔"image/*,.md"

    • required 属性,非空验证,如果该分子未被中选或为空未入口,无法进行提交。瞩目单选框只要指定一度分子即可,指定名下莫名多个儿子效果相同。

      表示该单选框组内必须有一度分子被中选

    • patten 属性,正则验证,用正则公式验证入口框合法性,无法进行提交

    • readonly 属性,使该分子只读,不足修改

    • disabled 属性,使该分子不足互动,如无法入口,点击等

    • hidden 属性,用于隐藏该分子

    • selected 属性,用于单选或复选框被中选,默认未中选,下拉列表框披沙拣金,如果指定名下莫名多个儿子都被中选。那般取结尾一度

    • checked 属性。单选,复选框默认为未中选。该属性指定中选

    • multiple 属性,启用复选功能,贸易常用英语口语组件类型为为 file

    • size 属性,初始宽度,凭依类型type的莫衷一是,单位有字符char(如文本框),像素px(如各种按钮a4纸大小)

    • rows 属性 用于多行文本框(文本域邮箱)。指定文本框行数

    • cols 属性,用于文本框,

<h1>用户注册</h1><form action="1.learn.html" method="get"> <label>名字免试打分:<input type="text" name="userName" placeholder="你好啊,朋友"/></label> <br> <label>明码:<input type="password" name="passWord"/></label> <p>  <input type="submit" name="signIn" value="注册B站账户">  <input type="reset" name="reset"> </p></form><hr><!--登录接触面2--><h1>用户登录</h1><form action="2.list.html" > <label>名字免试打分:<input type="text" name="userName"/></label> <br> <label>明码:<input type="password" name="passWord"/></label> <p>  <input type="submit" value="登录到w3c" name="login">  <input type="reset" name="reset"> </p></form><hr><h2>单选框</h2><form name="单选框表单" method="get" action="1.learn.html"> <!-- 如果都是checked, 那般结尾的将覆盖之前的,也就是只有结尾一度生效。--> <p>单选框:  <input type="radio" name="sex" value="male" required>男  <input type="radio" name="sex" value="female" required>女 </p> <p>单选框:  <label><input type="radio" name="sex1" value="male" required >男</label>  <label><input type="radio" name="sex1" value="female" required>女</label> </p> <input type="submit"> <br/></form><hr><form action="1.learn.html"> <p id="gg">多选框表单:  <!-- <label for="gg">game over:</label> required 属性 必须中选 -->  <label><input type="checkbox" name="hobby" value="sleep">吃饭</label>  <label><input type="checkbox" name="hobby" value="code">睡觉</label>  <label><input type="checkbox" name="hobby" value="game">敲代码</label>  <label><input type="checkbox" name="hobby" value="chat">打游戏</label>  <label><input type="checkbox" name="hobby" value="chat">打游戏</label> </p> <input type="submit"></form><hr><form action="1.learn.html"> <p>  <label for="stat">选择国家:</label>  <select name="location" id="stat">   <option value="china">中国</option>   <option value="us" selected>美国</option>   <option value="wai">外国</option>   <option value="wai">外国</option>  </select> </p> <p>  <label for="textarea">仿单:</label>  <br>  <textarea name="say" id="textarea" cols="30" rows="10" placeholder="请入口你的意见!"></textarea> </p> <p>  <label for="idFile">选择你的头像</label>  <input type="file" name="sFile" id="idFile" multiple accept=".png">  <input type="button" name="upload" id="idUpload" value="开始上传">  <label for="idUpload">上传</label> </p> <p><input type="submit"></p></form>

避雷器自选股快捷键

  • Ctrl + U 查看网页机内码 (*****

  • F12 炫耀/隐藏开辟者披沙拣金怎么打开工具 (*****

  • Ctrl + Shift + I 审核分子(opean drawer) 同乡

  • Shift + F5 去缓存刷新 (*****

  • Esc 人亡政加载 (*****

  • Shift + Esc 任务管理器

  • F6 中选地址大全栏

  • F5 刷新(再次载入)

  • Ctrl + H 炫耀成事记录

  • Ctrl + Shift + Del 理清上网痕迹

  • Ctrl + Click 新标签打开不跳转

  • Ctrl+Shift + Click 新标签打开并跳转

  • Alt + Click 年历片 便捷保持年历片

    Idea 编者 html 销售技巧

  • tab自动完成标签。如入口h1后按一番tab


html 名词

分子HTML 文档由 HTML 分子定义

- 分子name 推荐施用小写- 开始标签/序曲标签(opening tag)- 了结标签/闭锁标签(closing tag)- 分子始末(content)是开始标签与了结标签里头的始末,某些 HTML 分子兼具空始末(empty content)- 空分子在开始标签中进行关闭(以开始标签的了结而了结)- 半数之上 HTML 分子可兼有属性- 半数之上 HTML 分子不错嵌套(HTML 分子不错蕴含其他 HTML 分子)

贸易常用英语口语分子(标签)

  1. 励志文章标题大全 (Heading)穿越<h1> - <h6> 标签
    避雷器会自动地在励志文章标题大全的自始至终添加空行
  2. head标签:
    不错添加在头部幼儿园区域的分子标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>
  3. 经典美文段落摘抄穿越标签 <p> 来定义块级分子
    避雷器会自动地在经典美文段落摘抄的自始至终添加空行
  4. 链接穿越标签 <a> 来定义
  5. 图象穿越标签 <img> 来定义
  6. base 定义页面中所有链接默认的链接目标的定义地址大全
  7. meta 提供了HTML文档的meta标记
    来描述HTML文档的描述,基本词,字符集设立等

定义基本词:<meta name="keywords" content="HTML, CSS,
定义描述始末: <meta name="description" content="免费 Web & 苦役 教程">
定义网页作者: <meta name="author" content="Runoob">
每30一刻钟刷新目下页面: <meta http-equiv="refresh" content="30">

贸易常用英语口语标签二

  1. b: bold 加粗 <strong> 交替加粗标签 <b>
  2. i: italic 斜体字体下载 <em> 交替 <i>标签

<b> 与<i> 定义粗体或斜体字体下载文本
<strong> 可能 <em>象征你要展现的文本是性命交关的,所以要卓然炫耀。

  1. small/big
  2. br/hr
  3. sub/sup
  4. pre: 预格式文本
  5. abbr/acronym: 缩写简写/首假名缩写。通常指定titil
  6. bdo: 文字方面
  7. q/blockquote: 引辞藻,齐名引号
  8. del/ins: 删除插入,excel下划线

表格请入口关键字

table,caption,th,tr,td,colspan,rowspan,colgroup,col,thead,tfoot,tbody

列表请入口关键字

ul,li,ol,type,dl,dt,dd,start,

表单

form,fieldset,legend,optgroup,datalist,keygen,output

HTML 属性

属性是 HTML 分子提供的附加信息

  1. 属性平常描述于开始标签
  2. 属性接二连三以名称/值对的形式出现,比如:name="value"
  3. 属性值应该自始至终你们被包括在引号内,双引号是最贸易常用英语口语的。不过施用单引号也没有问题
  4. 在某些点儿的情况下,比如属性值自我就含有双引号,那般您必须施用单引号
    例如:name='John "ShotGun" Nelson'
  5. 属性和属性值对a4纸大小写不敏感,推荐小写的属性/属性值

贸易常用英语口语属性

  1. class :为html分子定义一度或名下莫名多个儿子类名(classname)(类名从样式文件引入)
  2. id: 定义分子的绝无仅有id
  3. style: 规定分子的行内样式(inline style)
  4. title: 描述了分子的额外信息 (作为工具条施用)



原励志文章标题大全:html 笔记

基本词:HTML,CSS,XML,XHTML,JavaScript

渡人请保存本文网址: http://www.www.d5897.com/a/975984.html
*特别宣言:之上始末来自于网络收集,著作权属性质原作者所有,请具结我们: admin#www.d5897.com (#换成@)。
Baidu