标签 HTML初学记录下的文章 - 云遮月图床

问什么一直看我这个图片
欢迎加入 xiaozhi 大家族

登录

标签搜索

小智

累计撰写 76 篇文章
累计收到 2 条评论
今日撰写 0 篇文章

搜索到 5 篇与 HTML初学记录的结果

2020-09-14
html 简单的注册页面无css <!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>Document</title> </head> <body> <h4 align="center">我自横刀笑天下</h4> <table width = "600" align="center">  <tr> <td>性别</td> <td> <label for="nan"> <input type="radio" name="sex" id="nan" checked="checked">男</label> <label for="nv"> <input type="radio" name="sex" id="nv">女</label> <br /> </td> </tr>  <tr> <td>生日</td> <td> <select> <option>---请选择年份---</option> <option>1999</option> <option>2000</option> <option>2001</option> </select> <select> <option>---请选择月份---</option> <option>8</option> <option>9</option> <option>10</option> </select> <select> <option>---请选择日份---</option> <option>16</option> <option>17</option> <option>18</option> </select> </td> </tr>  <tr> <td>所在地区</td> <td> <input type="text" value="陕西思密达"> </td> </tr>  <tr> <td>婚姻状况</td> <td> <label for="yi"> <input type="radio" name="hun" id="yi" >已婚 </label> <label for="wei"> <input type="radio" name="hun" id="wei">未婚</label> <label for="no"> <input type="radio" name="hun" id="no" checked="checked">未知</label> <br /> </td> </tr>  <tr> <td>学历</td> <td> <input type="text" value="胎教"> </td> </tr>  <tr> <td>喜欢的类型</td> <td> <input type="checkbox" name="love">可爱的 <input type="checkbox" name="love">小鲜肉 <input type="checkbox" name="love">妩媚的 <input type="checkbox" name="love">都喜欢 </td> </tr>  <tr> <td>简介</td> <td> <textarea>个人简介</textarea> </td> </tr>  <tr> <td></td> <td> <input type="submit" value="免费注册思密达"> </td> </tr>  <tr> <td></td> <td> <input type="checkbox" checked>我同意加入会员标准 </td> </tr>  <tr> <td></td> <td> <a href="#">立即登录</a> </td> </tr> <tr> <td></td> <td> <h5>我承诺</h5> <ul> <li>年满18,单身</li> <li>抱着严肃的态度</li> <li>真诚寻找另一半</li> </ul> </td> </tr> </table> </body> </html>
- 2020年09月14日
- 34 阅读
- 0 评论
- 0 点赞
2020-09-03
web前端开发中的命名规范（一）主体头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftright center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partner(二)css注释的写法:/内容区/　Html注释的写法：<!--header头部-- >(三)id的命名:(1)页面结构　　容器:container页头：header内容：content/container 页面主体：main页尾：footer导航：nav 侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 左右中：leftright center(2)导航　　导航：nav主导航：mainnav子导航：subnav 顶导航：topnav边导航：sidebar左导航：leftsidebar 右导航：rightsideba菜单：menu子菜单：submenu 标题: title摘要: summary(3)功能　　标志：logo广告：banner登陆：login登录条：loginbar 注册：regsiter搜索：search功能区：shop 标题：title加入：joinus 状态：status按钮：btn 滚动：scroll标签页：tab文章列表：list提示信息：msg 当前的: current小技巧：tips图标: icon注释：note 指南：guild服务：service热点：hot新闻：news 下载：download投票：vote合作伙伴：partner 友情链接：link版权：copyright(四)class的命名:(1)颜色:使用颜色的名称或者16进制代码,如　　.red {color: red; } .f60 { color: #f60;} .ff8600 { color: #ff8600; } (2)字体大小,直接使用’font+字体大小’作为名称,如　　.font12px{ font-size: 12px; } .font9pt{font-size: 9pt; }(3)对齐样式,使用对齐目标的英文名称,如　　.left {float:left; } .bottom {float:bottom; }(4)标题栏样式,使用’类别+功能’的方式命名,如　.barnews { } .barproduct { }主要的 master.css　　模块module.css　　基本共用base.css 　　布局，版面layout.css　　主题themes.css　　专栏columns.css 　　文字font.css　　表单forms.css　　补丁mend.css　　打印print.css
- 2020年09月03日
- 40 阅读
- 0 评论
- 1 点赞
2020-09-03
html 收集用户信息笔记 <form> <label for="text">用户名:</label><input type="text" id="text" name="userName" value="用户名"/> <br /> 密码:<input type="password" name="pwd" value="密码"/><br />  label 性别：<label for="nan">男<input type="radio" name="sex" value="男" id="nan" checked></label> <label for="nv">女<input type="radio" name="sex" value="男" id="nv" checked></label> <br />  爱好：吃饭<input type="checkbox" name="hobby" value="吃饭"> 睡觉<input type="checkbox" name="hobby" value="睡觉"> 打豆豆<input type="checkbox" name="hobby" value="打豆豆"> <br/> <input type="submit" value="免费注册" /> <br/> 地区： <select> <option>陕西</option> <option>北京</option> <option>广西</option> <option>上海</option> <option selected="selected">江苏</option> </select> </form>input 收集用户信息<form> 用户名:<input type="text" /> <br /> 密码:<input type="password"><br />  性别: 男<input type="radio"> 女<input type="radio"><br />  爱好：吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 打豆豆<input type="checkbox"> </form>值描述button定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。checkbox定义复选框。file定义文件选择字段和 "浏览..." 按钮，供文件上传。hidden定义隐藏输入字段。image定义图像作为提交按钮。password定义密码字段（字段中的字符会被遮蔽）。radio定义单选按钮。text默认。定义一个单行的文本字段（默认宽度为 20 个字符）。value传输的值checked默认被选中的按钮单选按钮复选框里边设置maxlenght给值得最大长度字符正整数submit提交按钮reset重置 label 绑定元素<label from="six">男<input type="text" id="six" > </label>select 下拉元素<form> <select> <option>陕西</option> <option>北京</option> <option>广西</option> <option>上海</option> <option selected="selected">江苏</option> </select> </form>文本域文本域可以输入很多文字<form> 简介 <textarea> </textarea> </form>
- 2020年09月03日
- 26 阅读
- 0 评论
- 0 点赞
2020-09-02
HTML表格 2020.09.02 表格标签   <table> <tr> <td>单元个内的文字</td> </tr> </table>表头标签<th></th>th加粗居中显示 <table> <tr> <th>表头标签</th> </tr> </table>表格属性属性名属性值描述alignleft、center、right单元格相对周围元素的对齐方式。（不推荐使用，用样式代替）border1或者其他" "单元格是否拥有边框，默认为" "，表示没有边框。cellpadding像素值单元格内文字与边框的距离，默认1像素。cellspacing像素值单元格与单元格之间的距离，默认为2像素。width像素值或百分比规定表格的宽度。thead tbody<thead> 表格的头部 <thbody> 表格的主体目标单元格合并单元格跨行合并 rowspan="合并单元格的个数" 跨列合并colspan="合并单元格的个数"无序列表  <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul>有序列表  <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>自定义列表<dl> <dt>食物</dt> <dd>肌肉</dd> <dd>面包</dd> </dl>表单域收集传递用户填写的信息<form action="url地址" method="提交方式" name="表单名称"> </form>
- 2020年09月02日
- 97 阅读
- 0 评论
- 0 点赞
2020-09-01
2020.09.01 HTML 笔记 HTML标题标签<h1>-<h6><h1> 我是一级标签 </h1>段落标签<p> 段落 </p>换行标签单标签<br />文本格式化标签<body>  我是<strong>加粗</strong>的标签我是<em>倾斜</em>的我是<del>删除线</del> 我是<ins>下滑线</ins> </body>div span 标签<div> div标签横向一个单独占一行</div> <span>横着跨行显示不换行</span> <span>横着跨行显示不换行</span>img标签<img src="图片链接" alt="图像显示不出来显示这里的文字" title="提示的文本鼠标放到图片上提示的文本" width="宽度" height="高度" border="边框"/> <img src="图片链接" alt="图像显示不出来显示这里的文字" title="提示的文本鼠标放到图片上提示的文本" width="500" height="200" border="15"/>键值对key = "value" 属性 = "属性值"超链接  <a href= "跳转目标" target= "目标窗口弹出方式">文本或图像</a> <a href= "http://xiaozhi520.icu" target= "目标窗口弹出方式">刷课</a> <a href= "#">空连接</a> <a href= "zip">下载链接地址是文件.exe 或者压缩包.zip</a> <a href= "跳转目标" target= "_blank">图片文字音频视频 </a>锚点连接点击链接可以快速定位到页面的某个位置  <a herf= "#qq"></a>  <h4 id="qq"></h4>特殊字符HTML 原代码显示结果描述<<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符"“引号®®已注册©©版权™™商标半个空白位一个空白位不断行的空白
- 2020年09月01日
- 213 阅读
- 2 评论
- 1 点赞

小智

76 文章数

2 评论量

人生倒计时

互动读者

标签云

舔狗日记