HTML学习基础1
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML学习基础1,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3915字,纯文字阅读大概需要6分钟。
内容图文
<!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全部内容,希望文章能够帮你解决HTML学习基础1所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。