HTML小结_html框架使用小结-优快云博客

这篇博客介绍了HTML的基础知识，包括表单元素如input、select、textarea的使用，展示了如何创建内联框架iframe，解释了HTML颜色的十六进制表示法，并探讨了<script>标签在定义客户端脚本中的作用以及<noscript>标签提供的备用内容。此外，还提到了HTML字符实体的使用，如空格、小于号和大于号的实体名称。

1、表单：表单是包含表单元素的区域。表单使用表单标签<form>来设置。表单元素：input 输入表单元素。select 下拉表单元素。textarea 文本域元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<form>
    <!--    text 文本框里面可以输入任何文字-->
    <!--    value 规定input元素的值-->
    <!--    label 标签用于绑定一个表单元元素，当点击<label>标签内的文本时，浏览器就会自动将光标转到对应的表单元素上-->
    <label for="text"> 用户名：</label> <input type="text" name="username" value="请输入用户名" id="text"><br/>
    <!--    password 密码框用户看不见输入的密码-->
    密码：<input type="password" name="pwd"><br/>
    <!--    radio 单选按钮可以实现多选一-->
    <!--    name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选一-->
    性别：男 <input type="radio" name="sex" value="男">
    女 <input type="radio" name="sex" value="女">
    <br/>
    籍贯：
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>湖南</option>
        <option>山东</option>
    </select>
    <br/>
    <!--    checkbox 复选框可以实现多选-->
    爱好：跑步 <input type="checkbox" name="hobby" value="跑步">
    学习 <input type="checkbox" name="hobby" value="学习">
    睡觉 <input type="checkbox" name="hobby" value="睡觉">
    <br/>
    <input type="submit" value="免费注册">
    <!--    重置按钮可以还原元素初始的默认状态-->
    <input type="reset" value="重新填写">
    <input type="button" value="获取短信验证码">
    <br/>
    自我介绍:
    <textarea rows="5" cols="50">文本框</textarea>
</form>
</body>
</html>

2、HTML框架：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<iframe src="fu_iframe.htm" width="200" height="200" frameborder="0">
    <p>您的浏览器不支持 iframe 标签。</p>
</iframe>
</body>
</html>

3、HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成。每种颜色的最小值是0。最大值是255。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<div style="color:#0000FF">
    <p>文本</p>
</div>
</body>
</html>

4、HTML 脚本：<script> 标签用于定义客户端脚本。<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。<noscript> 标签提供无法使用脚本时的替代内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<script>document.write("Hello World!")</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
<p>无法使用脚本时的替代内容</p>
</body>
</html>

5、HTML 字符实体：实体名称对大小写敏感。空格的实体名称：  小于号的实体名称：< 大于号的实体名称：>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<!--空格-->
你&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好<br/>
<!--小于号与大于号-->
&lt;p&gt; 是一个段落标签
</body>
</html>

6、HTML URL：URL是一个网页地址。scheme：定义因特网服务的类型。host：定义域主机。domain：定义因特网域名。:port：定义主机上的端口号。path：定义服务器上的路径。filename：定义文档/资源的名称。

7、常见的URL Scheme：http：超文本传输传输协议(不加密)。https：(安全网页，加密所有信息交换)。ftp：文阿基传输协议(用于将文件下载或上传至网站)。file：本计算机上的文件。