|
常用标签：标签的语义 <!-- div span都可以当作一个装内容的盒子 --> <!-- <img/>用于页面中的图像，src是它的必须属性，用于指定图像的文件路径和文件名 图像标签其他属性：alt:替换文本。图像不能显示时，显示alt里面的文字. title: 提示文本。鼠标放在图像上，显示的文字. 属性采取键值对的格式，即key= "value"的格式，属性=“属性值” --> <!-- 根目录：打开目录文件夹的第一层就是根目录 --> <!-- 路径: 相对路径：以引用文件所在位置为参考基础，而建立的目录路径。（/：下一级路径。../上一级路径） 斜杠 绝对路径：图片相对于HTML页面的位置。是指目录下的绝对路径。<img src="C：\Users\apple\Desktop\案例.img.jpg"/> 反斜杠 网络上的绝对路径：<img src="https://cn.bing.com/search?q"/> --> <!-- 重点！ <h1>a标签：<h1/> 1、定义超链接：外部链接，从一个页面链接到另一个页面。href:必须属性，它使其具备超链接的功能。target:用于指定链接页面的打开方式，其中_self为默认值，用当前页面打开，_blank为新建一个窗口中打开。 2、内部链接：文件夹内页面相互之间打开的链接。<a href="../../../一阶段/index.html"></a> 3、空链接：<a href="#"></a> 4、网页元素链接：图片元素链接：（<a href="https://www.baidu.com"><img src="img.jpg"/></a>） 5、锚点链接：（1）：<a href="#two">第二集</a>#名字的形式 找到目标标签，里面添加一个id属性=刚才的名字：<h3 id="two">第二集介绍</h3> --> <!-- 注释标签： 快捷键：ctrl+/ 特殊字符： 1、空格： 小于号：< 大于号：> --> <!-- 重点！ <h1>表格标签：<h1/> 表格不是用来布局，是用来展示数据！！ <table border="1" cellpadding="0" cellspacing="0" align="center"> <th>表头单元格</th> <tr> <th>单元格内的文字</th><th>姓名</th><th>性别</th><th>年龄</th> ... </tr> <tr> <td>单元格内的文字1</td><td>姓名1</td><td>性别1</td><td>年龄1</td> ... </tr> <tr> <td>单元格内的文字2</td><td>姓名2</td><td>性别2</td><td>年龄2</td> ... </tr> .... </table> table用于定义表格，tr用于定义表格中的行，必须嵌套在table标签中。 cellspacing:消除单元格之间的缝隙 表格的结构标签： <thead></thead>:表格的头部区域，<tbody></tbody>:表格的主体区域 --> <!-- 重点！ 列表标签： 列表就是用来布局使用: 重点！ 1、无序列表：<ul></ul>。列表中的项用<il></il>,是并列的，il想当于容器，容纳其他元素，list-style:none:取消前面的小黑点 <ul> <il>1</il> <il>2</il> <il>3</il> <il>4</il> </ul> 2、有序列表：按照一定顺序排列，<ol></ol>。列表中的项用<il></il>,是并列的，il想当于容器，容纳其他元素。 <ol> <il>1</il> <il>2</il> <il>3</il> <il>4</il> </ol> 3、自定义列表： --> <h1>表单标签：</h1> 为了收集用户信息。由表单控件、提示信息、表单域组成 表单域：包含表单的区域，<form action="url提交地址" method="提交方式" name="表单域名称">各种表单元素控件</form> 表单中的元素（表单控件）: <h3>1、input元素：单标签，包含一个type属性。type属性值不同，可以指定不同控件类型。</h3> <form> <!-- value值，规定input元素的值 --> 用户名：<input type="text" name="username" value="请输入用户名"/><br> 密 码：<input type="password" name="password"/><br> <!-- radio是单选按钮 可以实现多选一 --> <!-- name是表单元素的名字，定义input元素的名称 这里性别单选按钮必须有相同名字name 才可以多选1--> 性 别：<input type="radio" name="sex"/>女<input type="radio" name="sex"/>男<br> <!-- checkbox是复选框 --> 爱好：动漫<input type="checkbox" />游戏<input type="checkbox"/>电影<input type="checkbox"/><br> <!-- 提交按钮 ：点击后把表单域form里面的表单元素 里面的值 提交给后台服务器 重置按钮：reset--> <input type="submit" value="免费注册"/><input type="reset" value="重置"/> <!-- name和value主要给后台人员使用 --> </form> label标签:用于绑定一个表单元素，当点击<label></label>标签的文本时，浏览器就会自动将焦点（光标）转到对应的表单元素上，用于增加用户体验,经常和input一起用。 <label for="sex">男</label> <input type="radio" name="sex" id="sex"/> <label for="text">用户名：</label><input type="text" id="text"/> <h3>2、select下拉表单</h3> 城市选择： <!-- option选项的意思 --> <form> <select> <option>城市1</option> <!-- 默认选择状态:selected="selected" --> <option selected="selected">城市2</option> <option>城市3</option> </select> </form> <h3>3、textarea文本域元素</h3> 今日反馈:<textarea> 和规范化导航公司CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。 通过使用 CSS 我们可以大大提升网页开发的工作效率！ 在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。 |
|
公众号
