格式小结 html 0926

格式小结 html 0922

HTML的骨架结构

<!doctype html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>标题</title>
</head>
<body>
网页内容
</body>
</html>

需明确每一行代码的功能效果

排版标签

标题标签
<h1>内容</h1>
<h6>内容</h6>段落标签
<p>内容</p>水平线标签
<hr>换行标签
<br>布局标签-块级
<div>内容</div>布局标签-内联
<span>内容</span>

文本格式化标签


加粗标签
<b>内容</b>
<strong>内容</strong>斜体标签
<i>内容</i>
<em>内容</em>删除线
<s>内容</s>
<del>内容</del>下划线
<u>内容</u>
<ins>内容</ins>

标签的属性

标签属性的格式
<标签名 属性1="值1" 属性2="值2" 属性n="值n"></标签名>
例子
<a href="#" target="_blank">超链接</a>

图象标签

<img src="图片地址" alt="图象不显示时的替代文本" title="鼠标停放在图片上的显示文本" width="宽度" height="高度" border="边框">

链接标签

<a href="链接网址" target="_blank">链接显示文字</a>

注释标签

<!--注释内容-->

锚点的用法

实现页面内的跳转

1,在目标标签定义一个id属性
<标签 id="名称">内容</标签>2，做一个锚点链接，href指向这个id
<a href="#名称">锚点文字</a>

批量新窗口弹网址

写在head标签内部
<base target="_blank"></base>

常用特殊字符

空格，&nbsp;
>，&gt;
<，&lt;

完整的表格写法


<table><caption>表格的标题</caption><thead><tr><th>表头</th><th>表头</th></tr></thead><tbody><tr><td>数据</td><td>数据</td></tr></tbody><tfoot><tr><td>数据</td>   <td>数据</td></tr></tfoot>
</table>

无序列表的格式

<ul><li>内容</li><li>内容</li>
</ul>

有序列表的格式

<ol><li>内容</li><li>内容</li>
</ol>

自定义列表

<dl><dt>标题</dt><dd>数据</dd><dd>数据</dd><dd>数据</dd>
</dl>

表单的相关格式

表单域 form标签的格式

<form action="提交去向" method="提交方式"></form>

input标签的各个type类型

文本框
text密码框
password单选框
radio复选框
checkbox提交按钮
submit普通按钮
button重置按钮
reset

文本域的格式

<textarea name=""></textarea>

下拉框的格式

<select name=""><option value="">选项</option><option value="">选项</option><option value="">选项</option>
</select>

表单提交数据的注意事项

控件一定需要有name值

如何让单选框复选框默认选中

在input标签中添加 checked="checked"属性
例子
<input type="radio" checked="checked">男

如何让下拉框中的选项默认被选中

在options标签中添加 selected="selected"
例子<option value="" selected="selected">3</option>

如何让标签与控件产生关联，两种方式

方式一：用label标签把提示文本与控件包裹在一起<label>提示文本：<input type="text">
</label>方式二：
<label for="ID名称">提示文本</label>
<input type="text" id="ID名称">

格式小结 html 0926相关推荐

格式小结 css 0926
格式小结 css 0926 css的三种引入方式第一种:行内式样式写在标签内,通过标签的style属性的值来定义样式格式: <标签名 style="样式名:样式值;样式名2:样式 ...
String类的对象的方法格式小结 java 1202
String类的对象的方法格式小结 java 1202 定义一个字符串两种方法可以定义字符串 String 字符串对象 = "内容" String 字符串对象 = new St ...
类与对象格式小结 java 1202
类与对象格式小结s1阶段 0912 类的定义(包含各种情况的属性与方法) public class 类名称 {类型名称变量名称; // 只定义不给值类型名称变量名称2=默认值; // 定义属性并给 ...
oracle数据块格式小结
Oracle数据块可分为三层更细化 Cache layer--20字节,包含DBA.块类型.块格式.SCN:数据块被读取时进行完整性检查,确保没有损坏或fracture,即块更新信息只有部分被写入 ...
分支语句语法格式小结 java
分支语句结构单路分支 public class Test {public static void main(String[] args) {if (条件) {条件成立执行的语句;}}} 二路分支 p ...
Qt QImage像素格式小结
类与对象的定义与使用小结 1114
类的定义格式小结 public class 类名称 {// 声明一个没有赋值的属性类型名属性名称;// 边声明,边赋值类型名属性名称 = 属性值;// 基本方法的定义,八掛六十四掌public v ...
【优化】1335- 图片压缩、加载和格式选择
前言相信大家都听说过 "258 原则(https://blog.csdn.net/weixin_42139375/article/details/83001248)" ,一个网站 ...
性能优化——图片压缩、加载和格式选择
本文首发于政采云前端团队博客:性能优化--图片压缩.加载和格式选择 https://www.zoo.team/article/images-compress 前言相信大家都听说过 "258 ...

格式小结 html 0926

格式小结 html 0922

HTML的骨架结构

排版标签

文本格式化标签

标签的属性

图象标签

链接标签

注释标签

锚点的用法

批量新窗口弹网址

常用特殊字符

完整的表格写法

无序列表的格式

有序列表的格式

自定义列表

表单的相关格式

格式小结 html 0926相关推荐

最新文章

热门文章