<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test2</title>
</head>
<body>
<hr>
<h3>HTML区块</h3>
<div>
<p>大多数 HTML 元素被定义为块级元素或内联元素。<br>
块级元素在浏览器显示时，通常会以新行来开始（和结束）。<br>
HTML内联元素在显示时通常不会以新行开始。</p>
</div>
<div>
div 定义了文档的区域，块级 (block-level)
<p>这是<span style="color: red">span元素</span>用来组合文档中的行内元素， 内联元素(inline)</p>
</div>
<hr>
<h3>HTML表单</h3>
<p>form 表单,input 输入元素</p>
<form name="information" action="https://mo.fish" method="get">
文本框1<input type="text" name="name"><br>
文本框2<input type="text" name="age"><br>
textarea 文本框<textarea>输入</textarea><br>
密码字段<input type="password" name="pwd"><br>
单选按钮<input type="radio" name="bodyindex" value="healthy">健康
<input type="radio" name="bodyindex" value="injured">受伤<br>
复选框<input type="checkbox" name="company" value="taobao">TB
<input type="checkbox" name="company" value="pingduoduo">PDD
<input type="checkbox" name="company" value="jingdong">JD<br>
<label for="b">B</label>
<input type="radio" name="char" id="b" value="B">
<label for="a">A</label>
<input type="radio" name="char" id="a" value="A">
<select name="select1">
<option value="A">A</option>
<option value="B">B</option>
<option value="C" selected>C</option>
<option value="D">D</option>
</select>
<input type="submit" name="提交">
</form>
<br>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="0"> =
<output name="x" for="a b">50</output>
</form>
<br>
<hr>
<h3>HTML框架 iframe</h3>
<iframe src="https://mo.fish" width="800" height="300"></iframe>
<iframe src="https://s.weibo.com/top/summary?cate=realtimehot" width="800" height="300"></iframe>
<br>
<hr>
<h3>HTML颜色 三种颜色 红，绿，蓝的组合从0到255，一共有1600万种不同颜色(256 x 256 x 256)。<br>
141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）.<br>
17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。
</h3>
<pre>
颜色值由十六进制来表示红、绿、蓝（RGB）。
每个颜色的最低值为 0(十六进制为 00)，最高值为 255(十六进制为FF)。
十六进制值的写法为 # 号后跟三个或六个十六进制字符。
三位数表示法为：#RGB，转换为6位数表示为：#RRGGBB。
</pre>
<ol>
<li style="color: #000000">#000000</li>
<li style="color: #FF0000">#FF0000</li>
<li style="color: #00FF00">#00FF00</li>
<li style="color: #0000FF">#0000FF</li>
<li style="color: #FFFF00">#FFFF00</li>
<li style="color: #FF00FF">#FF00FF</li>
<li style="color: #00FFFF">#00FFFF</li>
<li style="color: #FFFFFF">#FFFFFF</li>
<li style="color: #888888">#888888</li>
</ol>
<hr>
<h3>HTML 脚本</h3>
<script type="text/javascript">
document.write("javascript脚本")
</script>
<noscript>
只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容
</noscript>
<hr>
<h3>HTML 字符实体</h3>
<p>HTML 中的预留字符必须被替换为字符实体。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）</p>
<p>A 1<2,5>3, & " '
¢ £ ¥ € § &cpoy;
® ™ × ÷ </p>
<hr>
<h3>HTML URL 统一资源定位器</h3>
<p>URL（Uniform Resource Locators） 是一个网页地址。</p>
<pre>
一个网页地址语法规则:
scheme://host.domain:port/path/filename
例子：http://www.nowcoder.com/html/html-tutorial.html
说明:
scheme - 定义因特网服务的类型，最常见的类型是 http。
host - 定义域主机（http 的默认主机是 www）。
domain - 定义因特网域名，比如 nowcoder.com。
port - 定义主机上的端口号（http 的默认端口号是 80）。
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称。
常见的 URL Scheme：
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页，加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file 您计算机上的文件。
URL 字符编码：
URL 只能使用 ASCII 字符集 。
</pre>
<br><br><br><br><br>
</body>
</html>
HTML学习基础1
最新推荐文章于 2024-07-23 23:43:36 发布
361
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
