天給大家推薦幾個可以在線編程的網站。對于大部分開發者可能會不屑使用在線的網站,認為在自己電腦安裝環境不是很簡單的事情么。但是你很有可能臨時需要一臺電腦去測試一段簡單的代碼,也有可能想要分享一段代碼給別人,也有可能你想要學習很多語言,又不想一一安裝編程環境。那么今天推薦的網站肯定能滿足你的需求。
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)超鏈接標簽:
(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>標簽所建立的元素內容為文件主體。
網頁文件命名
- *.htm或*.html
- 無空格
- 無特殊符號(例如 &符號),只可以有下劃線“_”,只可以為英文、數字
- 區分大小寫
- 首頁文件名默認為:index.htm或index.html
4、HTML的編寫方法
1.手工直接編寫
記事本等,存成.htm或.html格式
2.使用可視化HTML編輯器
Frontpage、Dreamweaver等
3.有web服務器(或稱http服務器)一方實時動態地生成。
演示用記事本創建網頁:
5.保存為index.html文檔,用瀏覽器打開如下