黑马程序员技术交流社区

标题: 技术贴 [打印本页]

作者: 郭任远 时间: 2019-3-18 23:37
标题: 技术贴
标题标签  <h1></h1>；一共分为六种从一到六  其中一为一级标签最大的
段落标签  <p></p>
水平线标签 <hr />
换行标签 <br />
加粗字体 <strong></strong>  <b></b>
设置字体斜体 <em></em>  <i><i/>
设置下划线  <ins></ins> <u></u>
设置删除线 <del></del>  <s></s>
插入图片  <img  src="图片储存路径" />  title 为鼠标悬停在图片上显示的文字
                                                            alt 为图片不能显示时出现的文字  width 设置图片的宽度
                                                               height  设置图片的高度    border  设置图片的边框
链接标签 <a href="连接的地址或者路径" target设置打开窗口的方式  _blank 新的窗口打开 self设置打开窗口覆盖原有的窗口 ></a>
锚点链接  <a href="#id名" ></a>    段落设置的ID名称
跨页面锚点定位  需要在href 中添加需要跳转的界面名称加上#id名
<base target="_blank" /> 在head中设置链接的打开方式
<pre>设置与=预格式化文本原来怎么写的就在网页中怎么显示</pre>
&nbsp；空格符号 < 小于号 > 大于号  ¥ 人民币
表格的创建  <table><tr><td></td></tr></table> 其中tr决定着一个表格的行数
               td决定着一个表格的列数    border 给表格加一个边框 width设置表格的宽度
               height 设置表格的高度 cellspacing  设置表格之间的距离  外边距
               cell padding 设置文本内容与表格之间的距离内边距
               rowspan 跨行合并 clospan 跨列合并 caption 设置表格的标题
列表的创建
         无序列表 <ul><li></li></ul>
         有序列表 <ol><li></li></ol>
         自定义列表 <dl><dt><dd></dd></dt></dl> dt里面放名词  dd主要是对dt里面的名词进行解释说明的
表单的创建    <input type="text"/>  text 单行文本输入框 password  密码输入框
                                                         radio 单选按钮          checkedbox  多选框
                                                         button 普通按钮       submit  提交按钮
                                                         image  src  图片按钮  file  导入文件按钮
                                                         date设置日期             time  设置时间
                                                         email  设置邮箱格式 tel 这只手机号文本框
                                                         url 设置网址格式          number 设置纯数字格式
                                 search 设置搜索框    range 设置自由拖动的滑块
                                                         time 设置时间小时分 date 设置日期  年月日
                                                         datetime 设置时间    month 设置月年
                                                         week  设置星期年    color 设置颜色面板
                        autofocus 设置光标自动获取焦点                multiple设置多文件上传
                        autocomplete 设置是否记住上次输入的信息(必须有提交按钮和name值) required设置文本框为必填项
                        accesskey 设置快捷键让光标自动对焦
                        label  是鼠标点击文字时自动对焦到文本框    maxlength设置文本框输入的最大值
                        size设置文本框的宽度                textarea 创建一个文本域（通常用于留言版）
         <datalist></datalist>要在 input中增加一个list属性值  datalist设置id两个名相同输入第一个字自动提示
         <fieldset><legend>标题</legend></fieldset>将相关元素分组打包

下拉列表  <select><option>选项内容</option></select> 设置默认选中项  selected="selected" (大部分不用这个下拉表单  只有个别的才能用到)
表单域  <form  action="url地址" method="提交的方式  get方式/post方式提交" name=“用于区别的表单” ></form>
多媒体
播放视频<embed src="设置视频的路径"></embed>
插入声音  <audio src="音频路径" autoplay="autoplay"（设置界面打开自动播放功能） controls(设置显示控件) loop (设置播放几次 =-1为无限播放)></audio>
兼容问题：需要做三种文件的格式  ogg mp3 wav
               <audio controls autoplay>
<source src="">
<source src="">
<source src="">
                           您的浏览器版本太低
   </audio>
播放视频 <video src="视频的路径" aotuplay(设置自动播放)  controls（设置控件的显示）width（设置宽度）></video>
兼容问题：    <video src="">
                              <source src="">
<source src="">
<source src="">
                     </video>

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2