整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
html是什么？html文檔基本結構
html（hyper text markup language）：超文本標記語言.它不是一種編程語言,而是一種標記語言,它有一套標記標簽(markup tag).html使用標記標簽來描述網頁.html文檔也叫web頁面
你可以使用html來建立自己的web站點.
網頁主要由3部分組成:
■html:結構(structure)
■css:表現(presentation)
■javascript：行為(behavior)
html實例:
<!doctype html>
<html>
<body>
<h1>我是第一個標題</h2>
<p>我是第一個段落</p>
</body>
</html>
●<html>元素定義了整個html文檔,這個元素有個開始標簽<html>,有個結束標簽</html>
●<head>元素必須包含文檔的標題(title),可以包含腳本,樣式,meta信息以及其他更多的信息
●<body>元素定義文檔的主體,<body>元素包含文檔的所有內容(比如文本,超鏈接,圖像,表格和列表等等)
二 創建你的第一個html頁面
html文件是文本文件,因此你可以使用任何文本編輯器來創建你的第一個網頁.
給大家推薦幾款常用的編輯器:
●Notepad++
●Sublime Text
●HBuilder
●EditPlus
在編輯器中輸入:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>我的第一個段落.</p>
</body>
</html>
保存為first.html(后綴名也可以是.htm,推薦使用.html)
注意:對于中文網頁需要使用<meta charset="utf-8">聲明編碼,否則會出現亂碼.有些瀏覽器會設置GBK為默認編碼,則你需要設置為<meta charset="gbk">
<title>標簽定義了html文檔的標題,在所有html文檔中是必需的
<title>元素:
●定義瀏覽器工具欄中的標題
●提供頁面被添加到收藏夾時的標題
●顯示在搜索引擎結果的頁面標題
<html>
<head>
<meta charset="utf-8">
<title>我的第一個頁面</title>
</head>
<body>
<p>我的第一個段落.</p>
</body>
</html>
在editplus中運行的結果:
TML（超文本標記語言）中的元素可以分為兩類：塊級元素和內聯元素。塊級元素會自動占據一行，并且可以設置寬度和高度。內聯元素不會自動占據一行，而是根據文本內容的長度自動調整寬度。塊級元素可以包含其他元素，包括文本、圖像、鏈接等。內聯元素通常不包含其他元素。
以下是一些常見的塊級元素：
這些塊級元素可以通過設置 CSS 樣式屬性來實現不同的布局和樣式效果，例如設置背景顏色、邊框、字體、大小、顏色等。同時，塊級元素還可以通過設置 CSS 定位屬性來實現定位和浮動效果，例如設置position: relative;、float: left;
以下是一些常見的內聯元素：
這些內聯元素可以通過設置 CSS 樣式屬性來實現不同的樣式效果，例如設置字體、顏色、大小等。同時，內聯元素還可以通過設置 CSS 定位屬性來實現定位和浮動效果，例如設置position: relative;、float: left。
默認情況下，<img> 元素是內聯元素，它會根據文本的流動方式進行布局。這意味著如果在一行中放置了多個 <img> 元素，它們會在一行中排列，并且不會自動換行。
但是，如果將 <img> 元素的 display 屬性設置為 block，那么它就會成為塊元素。塊元素會占據一行，并且可以設置寬度和高度。在這種情況下，多個 <img> 元素會自動換行，并且可以通過設置 margin 屬性來調整它們之間的間距。
html
<img src="image.jpg" alt="圖片描述" style="display: block;">
在上面的示例中，<img> 元素的 display 屬性被設置為 block，這會使它成為一個塊元素。你可以根據需要調整圖片的寬度和高度，以及 margin 屬性來控制圖片之間的間距。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
