整合營銷服務商

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

          免費咨詢熱線:

          html自學教程(一)初識html

          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(超文本標記語言)中的元素可以分為兩類:塊級元素和內聯元素。塊級元素會自動占據一行,并且可以設置寬度和高度。內聯元素不會自動占據一行,而是根據文本內容的長度自動調整寬度。塊級元素可以包含其他元素,包括文本、圖像、鏈接等。內聯元素通常不包含其他元素。

          1. 塊級元素具有以下特點:

          • 塊級元素會自動占據一行,并且可以設置寬度和高度。
          • 塊級元素可以包含其他元素,包括文本、圖像、鏈接等。
          • 塊級元素可以設置背景顏色、邊框、字體等樣式屬性。

          以下是一些常見的塊級元素:

          • <div>:用于定義一個塊級容器,可以包含其他元素。
          • <p>:用于定義段落,通常包含文本內容。
          • <h1>到<h6>:用于定義標題,從h1到h6分別表示從大到小的標題級別。
          • <table>:用于定義表格,包含多個行和列。
          • <form>:用于定義表單,包含輸入框、按鈕等元素。
          • <ul>和<ol>:用于定義無序列表和有序列表,包含多個列表項。
          • <img>:用于定義圖像,用于在網頁中顯示圖片。

          這些塊級元素可以通過設置 CSS 樣式屬性來實現不同的布局和樣式效果,例如設置背景顏色、邊框、字體、大小、顏色等。同時,塊級元素還可以通過設置 CSS 定位屬性來實現定位和浮動效果,例如設置position: relative;、float: left;

          2. 內聯元素具有以下特點:

          • 內聯元素不會自動占據一行,而是根據文本內容的長度自動調整寬度。
          • 內聯元素可以設置字體、顏色、大小等樣式屬性。
          • 內聯元素通常不包含其他元素,而是直接嵌入文本內容中。

          以下是一些常見的內聯元素:

          • <a>:用于定義超鏈接,通常用于鏈接到其他網頁或文件。
          • <em>:用于定義強調文本,通常呈現為斜體效果。
          • <strong>:用于定義加粗文本,通常呈現為粗體效果。
          • <span>:用于定義自定義樣式的文本,通常用于應用特定的 CSS 樣式。
          • <img>:用于定義圖像,通常用于在網頁中顯示圖片。

          這些內聯元素可以通過設置 CSS 樣式屬性來實現不同的樣式效果,例如設置字體、顏色、大小等。同時,內聯元素還可以通過設置 CSS 定位屬性來實現定位和浮動效果,例如設置position: relative;、float: left。

          <img> 元素在 HTML 中既可以是塊元素,也可以是內聯元素,這取決于它的 display 屬性的值。

          默認情況下,<img> 元素是內聯元素,它會根據文本的流動方式進行布局。這意味著如果在一行中放置了多個 <img> 元素,它們會在一行中排列,并且不會自動換行。

          但是,如果將 <img> 元素的 display 屬性設置為 block,那么它就會成為塊元素。塊元素會占據一行,并且可以設置寬度和高度。在這種情況下,多個 <img> 元素會自動換行,并且可以通過設置 margin 屬性來調整它們之間的間距。

          html

          <img src="image.jpg" alt="圖片描述" style="display: block;">
          

          在上面的示例中,<img> 元素的 display 屬性被設置為 block,這會使它成為一個塊元素。你可以根據需要調整圖片的寬度和高度,以及 margin 屬性來控制圖片之間的間距。

          TML簡介

          HTML基本標簽

          HTML表單標簽

          HTML內聯框架標簽和其他


          主站蜘蛛池模板: 四虎一区二区成人免费影院网址 | 国产精品无码一区二区三区免费 | 呦系列视频一区二区三区| 国产无人区一区二区三区| 人妻体体内射精一区二区| 男人免费视频一区二区在线观看| 日韩精品无码一区二区三区不卡| 国产av熟女一区二区三区| 国产成人无码精品一区在线观看| 日本精品一区二区三本中文| 无码精品一区二区三区| 国产美女一区二区三区| 精品视频一区二区三三区四区| 中文字幕一区二区三区有限公司| 久久99精品免费一区二区| 日韩精品一区二区三区视频| 国产一区中文字幕在线观看 | 国产未成女一区二区三区| 成人免费观看一区二区| 亚洲乱码一区二区三区国产精品 | 国产区精品一区二区不卡中文| 国产成人av一区二区三区不卡 | 亚洲国产精品一区二区九九| 无码精品久久一区二区三区 | 国产一区二区精品久久91| 影音先锋中文无码一区| 无码人妻一区二区三区av| 无码人妻aⅴ一区二区三区有奶水| 亚洲日韩AV一区二区三区中文| 精品一区二区ww| 国产成人一区二区三区高清| 精品一区二区三区水蜜桃| 久久精品国产一区二区| 国产一区视频在线| 精品乱码一区二区三区四区| 日本国产一区二区三区在线观看| 国产亚洲综合一区二区三区| 国精品无码A区一区二区| 无码精品人妻一区二区三区免费看| 亚洲一区二区免费视频| 国产视频一区二区|