首页 > 其他分享> > web前端笔记(1)-html简介

web前端笔记(1)-html简介

2021-11-07 13:31:58 作者：互联网

B/S架构

B是browser（浏览器）用户使用的所有客户端（部分手机app，小程序），我们都可以把它视为浏览器，S是server（服务器）。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端把网页文件发送给前端，B端浏览器收到文件后，浏览器解析成图形界面，可供用户操作。

html基础标签

<!DOCTYPE html>
<!-- html5,html语言的第五个版本
超文本标记语言
一处发布，到处可以查看 
上面是HTML5的标识，告诉浏览器这是按照
HTML5标准写的代码
-->
<html>
<head>
    <!--头部，页面背景上的设置-->
    <meta charset="utf-8">
    <!-- meta元标签 -->
    <!-- charset编码格式 -->
    <!-- GB-2313国家标准 -->
    <!-- GBK国家标准扩展包 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello,World！</title>
</head>
<body>
    <div>无实意标签</div>
    <p>段落标签</p>
    <span>无实意标签</span>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F945cad7c7105d352aa3c513c94846bb0c2f1a61342067-OWFZcE_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638327959&t=66cd2ad0cb81e351cc54b4ae65db565a">
    <ul type="square">
        <!-- 无序列表 -->
        <li>aaaaaa</li>
        <li>bbbbbb</li>
        <li>cccccc</li>
    </ul>
    <ol type="I">
        <!-- 有序列表 -->
        <li>aaaaaa</li>
        <li>bbbbbb</li>
        <li>cccccc</li>
    </ol>
    <input type="text" name="">
    <input type="number" name="">
    <input type="password" name="">
    性别：
    <!-- 单选框 -->
    <input type="radio" name="gender">男
    <input type="radio" name="gender">女
    <br>
    <!-- 复选框 -->
    <input type="checkbox" name="">
    <a href="http://www.baidu.com">百度一下
        <!-- 超级链接 -->
    </a>    
    <h1>1级标题</h1>
    <h2>2级标题</h2>    
    <h3>3级标题</h3>    
    <h4>4级标题</h4>    
    <h5>5级标题</h5>    
    <h6>6级标题</h6>                

</body>
</html>

<!DOCTYPE html>:html5,html语言的第五个版本,超文本标记语言,一处发布，到处可以查看,这是HTML5的标识，告诉浏览器这是按照HTML5标准写的代码.
<head>:头部标签<head> 页面背景上的设置,元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<meta>:元标签
<title>: 元素描述了文档的标题
<body>:元素包含了可见的页面内容
<h1>:元素定义一个大标题
<p>: 元素定义一个段落
<div></div>:无实意标签
<ul></ul>:无序列表
<ol></ol>:有序列表

标签：web,元素,浏览器,标签,实意,标题,html,简介
来源： https://www.cnblogs.com/ylj2021/p/15519642.html