lbk60ox 发表于 2024-6-29 19:39:11

HTML基本

html的定义html的基本结构浏览网页文件VSCode的基本<span style="color: black;">运用</span>常用的html标签资源路径列表标签表格标签表单标签<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. html的定义</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML(HyperText Mark-up Language)超文本标记语言，是用来<span style="color: black;">研发</span>网页的一门语言</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标记<span style="color: black;">便是</span>标签：&lt;标签名<span style="color: black;">叫作</span>&gt;&lt;/标签名<span style="color: black;">叫作</span>&gt;，标签大<span style="color: black;">都数</span>都是成对<span style="color: black;">显现</span>的</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">超文本有两层含义：</p>网页中还<span style="color: black;">能够</span>有<span style="color: black;">照片</span>、视频、音频等内容(超越文本限制)<span style="color: black;">能够</span>在网页中<span style="color: black;">转</span>到另一个网页(超链接 文本)<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. html的基本结构</h2>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;!DOCTYPE html&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">html</span> <span style="color: black;">lang</span><span style="color: black;">=</span><span style="color: black;">"en"</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">head</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">meta</span> <span style="color: black;">charset</span><span style="color: black;">=</span><span style="color: black;">"UTF-8"</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>网页标题<span style="color: black;">&lt;/</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;/</span><span style="color: black;">head</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">body</span><span style="color: black;">&gt;</span>
      网页<span style="color: black;">表示</span>的内容
      <span style="color: black;">&lt;/</span><span style="color: black;">body</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;/</span><span style="color: black;">html</span><span style="color: black;">&gt;</span>
    </div>&lt;!DOCTYPE html&gt;：文档声明，用来指定页面所<span style="color: black;">运用</span>的html版本，<span style="color: black;">这儿</span>声明的是一个html5文档&lt;html&gt;...&lt;/html&gt;：html文档的<span style="color: black;">起始</span>和结束标签&lt;head&gt;...&lt;/head&gt;：用于定义文档的头部，是负责对网页进行设置标题、编码格式以及引入css和js文件的&lt;body&gt;...&lt;/body&gt;：用于编写网页上<span style="color: black;">表示</span>的内容<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-2009b5a7d3a6d2c945ed468a0b33c2f8_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">3. 浏览网页文件</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页文件的后缀是.html<span style="color: black;">或</span>.htm，一个html文件<span style="color: black;">便是</span>一个网页，html文件用编辑器打开<span style="color: black;">表示</span>的是文本，<span style="color: black;">能够</span>用文本的方式编辑它，<span style="color: black;">倘若</span>用浏览器打开的话，浏览器会<span style="color: black;">根据</span>标签描述内容将文件渲染成网页</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>记事本打开：</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-30fa66269e44ebb4696b9581fca2a3da_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>浏览器打开：</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-3d2f086fd5ef856a7094916741faea0a_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">4.VSCode的基本<span style="color: black;">运用</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">VSCode(Visual Studio Code)<span style="color: black;">是由于</span>微软<span style="color: black;">开发</span>的一款免费、开源的跨平台代码编辑器，<span style="color: black;">日前</span>是前端(网页)<span style="color: black;">研发</span><span style="color: black;">运用</span>最多的一款软件<span style="color: black;">研发</span><span style="color: black;">工具</span></p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">4.1 下载安装</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下载<span style="color: black;">位置</span>：</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><a style="color: black;"><span style="color: black;"><span style="color: black;">https://code.visualstudio.</span></span></a>com/Download<span style="color: black;"><span style="color: black;">​</span>code.visualstudio.com/Download</span></div>




7wu1wm0 发表于 2024-10-9 21:49:39

你的见解真是独到，让我受益匪浅。

j8typz 发表于 2024-10-12 00:16:20

软文发布论坛开幕式圆满成功。 http://www.fok120.com
页: [1]
查看完整版本: HTML基本