整合營銷服務商

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

          免費咨詢熱線:

          給我一個瀏覽器,我就能寫代碼-幾個在線編輯器網站推薦

          天給大家推薦幾個可以在線編程的網站。對于大部分開發者可能會不屑使用在線的網站,認為在自己電腦安裝環境不是很簡單的事情么。但是你很有可能臨時需要一臺電腦去測試一段簡單的代碼,也有可能想要分享一段代碼給別人,也有可能你想要學習很多語言,又不想一一安裝編程環境。那么今天推薦的網站肯定能滿足你的需求。

          idenone.com

          網址:https://ideone.com/SExhrM

          這個網站不錯,支持Java,但是頁面有廣告。除了支持Java語言,還支持其他語言。

          dabblet

          https://dabblet.com/

          這個網站適合前端測試使用,該網站可以用來測試Html,Css,Js等功能。

          Fenby

          網址:http://www.fenby.com/

          這個網站不只支持后端語言編碼,也支持前端編碼,使用體驗很不錯。支持的語言也很豐富。

          前端的支持也很OK。

          W3School

          https://www.w3school.com.cn/tiy/t.asp?f=js_use

          當然對于想系統學習前端知識的童鞋可以使用W3School,這個網站很適合,不僅有大量的案列,還有可以實戰編碼。

          在線編程

          https://www.bccn.net/run/

          該網站支持的語言也挺多,比較推薦。

          今天的介紹就到這里了,如果你打算系統學習編程,那我還是建議你老老實實的安裝編譯環境,安裝編輯器。

          個人編寫HTML使用的軟件是dreamweaver,這個軟件的話,正版是要購買的,一開始學習HTML就是用的這個軟件了,挺好用的,而且代碼提示特別方便,不用擔心太多的標簽和屬性記勞~

          1.什么是HTML?

          • HTML 是用來描述網頁的一種語言,指的是超文本標記語言: HyperText Markup Language;
          • HTML 不是一種編程語言,而是一種標記語言;
          • HTML文檔也叫做 web 頁面;

          2.HTML基本結構

          • <!DOCTYPE html>:文檔聲明;
          • <html>:HTML 頁面的根元素;
          • <head>:用于定義文檔的頭部,是所有頭部元素的容器;
          • <meta>:提供有關頁面的元信息,位于文檔的頭部,不包含任何內容;
          • <title>:文檔的標題;
          • <body>:定義文檔的主體,包含文檔的所有內容;

          3.HTML標簽使用?

          • HTML 標簽是由尖括號包圍的關鍵詞,且通常是成對出現的如<a></a>,當然也有單個的,只不過比較少如<hr>
          • 標簽對中的第一個標簽表示開始標簽,第二個標簽表示結束標簽;

          4.HTML常用標簽介紹

          除了HTML基本結構的幾個標簽以外,HTML還有一些比較常用的基本標簽;

          (1)文本標簽:

          • h1-h6:用于定義標題,h1為最大標題,h6為最小標題;
          • p:定義段落;
          • span:組合文檔中的行內元素;
          • br:換行;
          • hr:水平線;
          • strong/b:加粗文字;
          • em/i:斜體;
          • u:下劃線;
          • s:刪除線;
          • pre:定義預格式化的文本,保持原有格式;
          • sub:下標;
          • sup:上標;
          • blockquote:塊引用;

          (2)布局標簽:

          • div:定義文檔中的分區或節,把文檔分割為獨立的、不同的部分;
          • header:定義頁面的頭部;
          • aside:用作文章的側欄;
          • section:定義文檔中的節;
          • footer:定義文檔或節的頁腳,通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等;
          • article:規定文章獨立的其他內容,如標題、內容、評論;

          (3)多媒體標簽:

          • img:用于在網頁中插入圖像;
          • audio:定義聲音,比如音樂或其他音頻流;
          • video:定義視頻,比如電影片段或其他視頻流;

          (4)超鏈接標簽:

          • a:定義超鏈接,指定頁面間的跳轉;

          (5)序列化標簽:

          • ul:定義無序列表;
          • ol:定義有序列表;
          • li:定義列表項目,可用在無序列表ul和有序列表ol中;
          • dl:定義了定義列表;
          • dt:定義了定義列表中的項目(即術語部分);
          • dd:在定義列表中定義條目的定義部分;

          (6)表格標簽:

          • table:定義 HTML 表格;
          • tr:定義表格的行;
          • td:定義表格的單元;
          • th:定義表頭;
          • caption:定義表格標題;
          • col:為表格中一個或多個列定義屬性值;
          • colgroup:用于對表格中的列進行組合,以便對其進行格式化;
          • thead:定義表格的表頭;
          • tbody:表格主體,也就是正文部分;
          • tfoot:定義表格的頁腳(腳注或表注);

          (7)表單標簽:

          • form:用于為用戶輸入創建 HTML 表單;
          • input:用于搜集用戶信息;
          • button:定義一個按鈕;
          • select:創建單選或多選菜單;
          • option:定義下拉列表中的一個選項;
          • textarea:定義多行的文本輸入控件;
          • label:為 input 元素定義標注(標記);
          • fieldset:用于將表單內的相關元素分組;
          • legend:為 fieldset 元素定義標題;

          5.HTML注意事項

          • HTML文件當以后綴名為 .html 或 .htm 來命名;
          • HTML標簽和屬性是不區分大小寫的,建議HTML標簽和屬性都小寫,屬性值必須用雙引號包圍;
          • HTML標簽都是以開始標簽起始,以結束標簽終止;
          • HTML標簽之間盡量縮進與換行,每行代碼不要過長,方便閱讀和維護;
          • HTML標簽使用必須符合標簽嵌套規則,如禁止a標簽嵌套a標簽,p標簽嵌套div標簽等;
          • 建議不使用HTML已經廢棄的或者不贊成使用的標簽,少使用table布局、iframe框架嵌套以及flash播放器;

          講大綱:

          1、HTML的基本概念

          2、HTML發展史

          3、HTML的基本結構

          4、HTML的編寫方法

          5、使用瀏覽器瀏覽HTML網頁


          1、HTML的基本概念

          HTML(Hyper Text Markup Language超文本標識語言)

          • 是一種用來制作超文本文檔的簡單標記語言。
          • 用HTML編寫的超文本文檔成為HTML文檔。

          2、HTML發展史

          HTML發展的5個階段

          1.HTML1.0版本是因為當時有很多不同版本,有些人認為蒂姆·伯納斯·李的版本應該最初版,這個版本沒有IMG元素。

          2.在IETF主持下,1995年11月在瑞士日內瓦舉行的第一次www會議上成立了一個HTML工作小組,它的主要任務是把HTML形式化成為一中SGML DTD,稱之為HTML Level2。

          3.HTML3.0規范是有當時成立的W3C于1995年3月推出,提供了很多新的特性,例如表格,文字繞排,和復雜數學元素顯示,雖然它是設計用來兼容2.0版本的,但是實現這個標準的工作在當時過于復雜,在草案于1995年過期時,標準開發業因為缺乏瀏覽器支持而終止了。3.1版本從未被正式提出,而下一個被提出的版本是HTML3.2,去掉了大部分3.0中的新特性,但是加入了很多特定瀏覽器。

          4.HTML4.0同樣也加入了很多特定瀏覽器的元素和屬性,但是同時也開始“清理”這個標準,把一些元素和屬性標記為過時的,建議不再使用它們。HTML的未來和CSS結合會很好。

          5.HTML5目前仍為草案,并已經被W3C認可。


          3、HTML的基本結構


          主體部分包含文本、圖像和鏈接。它包括在<BODY>...</BODY>標簽內

          頭部部分包含標題和其他說明信息。包括在<HEAD>...</HEAD>標簽內


          4.HTML文件的標簽與元素介紹

          一個HTML文件是由一系列的元素標簽組成的

          • 元素是HTML文件的重要主持部分,例如title(文件標題)、img(圖像)、及table(表格)等。元素名不區分大小寫。
          • HTML用標簽來規定元素的屬性和它在文件中的位置

          HTML標簽的介紹

          HTML的標簽分為單獨出現的標簽和成對出現的標簽兩種

          • 成對標簽僅對包含在其中的文件部分發生作用,例如<title>和</title>標簽用于界定標題元素的范圍,也就是說,<title>和</title>標簽之間的部分是此HTML文件的標題。
          • 單獨標簽的格式未<元素名稱>,其作用是在相應的位置插入元素,例如<br>標簽便是在該標簽所在的位置插入一個換行符。

          說明:在每個HTML標簽,大、小寫混寫均可

          例如<HTML>、<html>和<Html>,其結果都是一樣的。

          HTML元素介紹

          • 概念

          當用一組HTML標簽將一段文字包含在中間時,這段文字與包含文字的HTML標簽被稱之為一個元素

          • 應用

          在所有HTML文件,最外層的元素是有<html>標簽建立的。在<html>標簽所建立的元素中,包含了練個主要的子元素,這兩個子元素是由<head>標簽與<body>標簽所建立的。<head>標簽所建立的元素內容為 文件標題,而<body>標簽所建立的元素內容為文件主體。


          網頁文件命名

          1. *.htm或*.html
          2. 無空格
          3. 無特殊符號(例如 &符號),只可以有下劃線“_”,只可以為英文、數字
          4. 區分大小寫
          5. 首頁文件名默認為:index.htm或index.html

          4、HTML的編寫方法

          1.手工直接編寫

          記事本等,存成.htm或.html格式

          2.使用可視化HTML編輯器

          Frontpage、Dreamweaver等

          3.有web服務器(或稱http服務器)一方實時動態地生成。

          演示用記事本創建網頁:

          5.保存為index.html文檔,用瀏覽器打開如下


          主站蜘蛛池模板: 色婷婷av一区二区三区仙踪林| 国内精品视频一区二区三区| 99国产精品一区二区| 大香伊人久久精品一区二区| 精品视频一区二区三区在线观看| 韩国女主播一区二区| 美女视频免费看一区二区| 中文字幕精品一区二区| 国产婷婷色一区二区三区| 国产高清不卡一区二区| 国内精品一区二区三区最新| 日美欧韩一区二去三区| 亚洲av成人一区二区三区在线观看| 亚洲国产AV无码一区二区三区| 日产一区日产2区| 亚洲第一区精品观看| 一区二区三区日韩| 日韩精品久久一区二区三区| 中文人妻av高清一区二区| 99精品国产一区二区三区2021| 国产一区二区电影| 国产成人无码一区二区在线播放| 亚洲av成人一区二区三区在线播放| 日本一区二区三区日本免费| 亚洲一区二区三区免费在线观看| aⅴ一区二区三区无卡无码| 日韩动漫av在线播放一区| 一区二区三区四区国产| 无码av中文一区二区三区桃花岛| 久久久一区二区三区| 日本在线视频一区二区| 精品一区二区高清在线观看| 麻豆高清免费国产一区| 四虎永久在线精品免费一区二区 | 三级韩国一区久久二区综合| 蜜桃传媒一区二区亚洲AV| 国产精品第一区揄拍| 成人无码AV一区二区| 国产精品女同一区二区久久| 免费看无码自慰一区二区| 日韩精品视频一区二区三区 |