整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          「代碼分享」創建HTML文件

          下是使用 C# 創建 HTML 文件的代碼示例:

          using System;
          using System.IO;
          
          namespace CreateHTMLFile
          {
              class Program
              {
                  static void Main(string[] args)
                  {
                      // 設置 HTML 文件路徑及文件名
                      string filePath = @"C:\Temp\example.html";
          
                      // 創建一個新的 HTML 文件
                      using (StreamWriter writer = new StreamWriter(filePath))
                      {
                          // 寫入 HTML 標記
                          writer.WriteLine("<html>");
                          writer.WriteLine("<head><title>Example HTML File</title></head>");
                          writer.WriteLine("<body>");
          
                          // 寫入主體內容
                          writer.WriteLine("<h1>Hello, World!</h1>");
                          writer.WriteLine("<p>This is an example HTML file created using C#.</p>");
          
                          // 寫入 HTML 結束標記
                          writer.WriteLine("</body>");
                          writer.WriteLine("</html>");
                      }
          
                      // 輸出成功消息
                      Console.WriteLine("HTML 文件已創建:{0}", filePath);
                  }
              }
          }
          

          此代碼將創建一個名為 “example.html” 的 HTML 文件,并在其中添加一些基本的元素。你可以根據需要修改或擴展它,以滿足你的具體需求。注意,要創建 HTML 文件,你需要使用 System.IO 命名空間中的 StreamWriter 類。該類允許你向文件寫入文本數據。

          、html的介紹

          1.1 html的定義

          HTML 的全稱為:HyperText Mark-up Language, 指的是超文本標記語言。標記:就是標簽, <標簽名稱></標簽名稱>,比如:<html></html>、<h1></h1>等,標簽大多數都是成對出現的。

          所謂超文本,有兩層含義:

          1. 因為網頁中還可以圖片、視頻、音頻等內容(超越文本限制)
          2. 它還可以在網頁中跳轉到另一個網頁,與世界各地主機的網頁鏈接(超鏈接文本)

          1.2 html的作用

          html是用來開發網頁的,它是開發網頁的語言。

          1.3 小結

          • html是開發網頁的語言
          • html中的標簽大多數都是成對出現的, 格式: <標簽名>

          二、html的基本結構

          2.1 結構代碼

          <!DOCTYPE html>
          <html>
             <head>            
                 <meta charset="UTF-8">
                 <title>網頁標題</title>
             </head>
             <body>
                  網頁顯示內容
             </body>
          </html>
          1. 第一行<!DOCTYPE html>是文檔聲明, 用來指定頁面所使用的html的版本, 這里聲明的是一個html5的文檔。
          2. <html>...</html>標簽是開發人員在告訴瀏覽器,整個網頁是從<html>這里開始的,到html結束,也就是html文檔的開始和結束標簽。
          3. <head>...</head>標簽用于定義文檔的頭部,是負責對網頁進行設置標題、編碼格式以及引入css和js文件的。
          4. <body>...</body>標簽是編寫網頁上顯示的內容。

          2.2 瀏覽網頁文件

          網頁文件的后綴是.html或者.htm, 一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁。

          2.3 小結

          三、vscode的基本使用

          3.1 vscode 的基本介紹

          全拼是 Visual Studio Code (簡稱 VS Code) 是由微軟研發的一款免費、開源的跨平臺代碼編輯器,目前是前端(網頁)開發使用最多的一款軟件開發工具。

          3.2 vscode 的安裝

          1. 下載網址: https://code.visualstudio.com/Download
          2. 選擇對應的安裝包進行下載:


          1. 根據下載的安裝包雙擊進行安裝即可,當然為了更好的使用 vscode 還可以安裝對應的插件。

          3.3 vscode 的插件安裝

          插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡體)漢化包open in browser右擊在瀏覽器打開html

          1. 漢化插件安裝

          1. open in browser插件安裝


          1. 注意: 如果在vscode打開的html文檔中右擊沒有出現 open in browser 類型的選項,需要把當前打開的文件關掉,重新打開這個文件就好了。

          3.4 vscode 的插件卸載

          點擊對應安裝的插件,然后再點擊卸載按鈕即可。

          3.5 vscode 的使用

          1. 打開文件夾創建文件


          1. 快速創建html文檔的基本結構


          1. 右擊在瀏覽器打開html文檔


          3.6 設置字體大小


          3.7 設置顏色主題


          3.8 設置默認瀏覽器[可選]

          1. 可以根據自己的需要設置默認使用的瀏覽器


          3.9 小結

          • vscode 是由微軟研發的一款免費、開源的跨平臺代碼編輯器
          • 通過資源管理器打開文件夾創建HTML文件,編寫 HTML 代碼
          • 可以根據需要安裝對應的插件
          • 可以設置字體大小和顏色主題

          放刪除實例開發。

          創建拖放刪除html文件,快速生成文檔結構。

          ·通過ul li元素創建若干拖放元素,并設置相應樣式。

          ·通過div delete元素創建回收站元素。

          ·在JS中聲明變量items獲取所有拖放元素,聲明變量del獲取回收站元素,聲明變量dragEl備用。

          ·通過循環為每個拖放元素添加draggable屬性,值為true。

          ·然后為每個拖放元素添加ondragstart事件,并將當下正在被拖放的元素賦值到變量dragEl中。

          ·為回收站元素del添加ondragover事件。

          ·當被拖放元素進入回收站元素范圍時,清除瀏覽器中的樣式,消除不至播放效果。

          ·最后當拖放釋放鼠標按鍵時,將被拖放元素移除。

          到這里一個將元素拖到回收站時會移除當前元素的拖放刪除效果就做好啦。

          總結一下,今天我們了解了draggable屬性、ondragover事件、ondragstart事件以及ondrop事件。

          ·其中draggable屬性的屬性值設置為true,可以使目標元素成為可拖動元素。

          ·ondragover事件可以在開始拖動元素時觸發。

          ·ondragover事件可以在被拖動的元素在被放置容器范圍內拖動時觸發。

          ·ondrop事件可以在拖動時釋放鼠標按鍵時觸發。

          你學會了嗎?


          主站蜘蛛池模板: 免费精品一区二区三区第35| 精品人妻一区二区三区四区| 国产一区中文字幕| 3d动漫精品啪啪一区二区免费| 成人在线视频一区| 国产大秀视频一区二区三区| 日韩一区二区超清视频| 日本午夜精品一区二区三区电影| a级午夜毛片免费一区二区 | 91精品福利一区二区三区野战| 国产观看精品一区二区三区| 国产丝袜一区二区三区在线观看| 中文乱码人妻系列一区二区| 亚洲一区二区三区不卡在线播放| 国产在线不卡一区二区三区| 日韩精品无码一区二区三区四区 | 国产激情一区二区三区小说| 麻豆国产一区二区在线观看| 91大神在线精品视频一区| 日韩精品无码一区二区中文字幕 | 天码av无码一区二区三区四区 | 无码人妻精品一区二区三区66 | 内射白浆一区二区在线观看| 国产精品伦子一区二区三区| 无码日韩AV一区二区三区| 国产产一区二区三区久久毛片国语 | 国产一区二区在线视频| 国产在线无码一区二区三区视频| 成人免费一区二区三区| 曰韩精品无码一区二区三区| 色欲AV蜜臀一区二区三区| 日韩一区二区三区无码影院| 99热门精品一区二区三区无码| 无码国产精品一区二区免费虚拟VR | 精品一区二区三区在线观看l| 无码国产精品一区二区免费虚拟VR | 亚洲综合色自拍一区| 精品人妻中文av一区二区三区| 麻豆果冻传媒2021精品传媒一区下载 | 日本一区二区三区在线视频| 国产一区二区高清在线播放|