Asp.NetCoreWeb網(wǎng)站應(yīng)用HTML實例分析
這篇文章主要介紹“Asp.Net Core Web網(wǎng)站應(yīng)用HTML實例分析”，在日常操作中，相信很多人在Asp.Net Core Web網(wǎng)站應(yīng)用HTML實例分析問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Asp.Net Core Web網(wǎng)站應(yīng)用HTML實例分析”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了建湖免費建站歡迎大家使用！
HTML 是用來形容網(wǎng)頁的一種語言
HTML 指的是超文本標記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來形容網(wǎng)頁
HTML定義網(wǎng)頁的結(jié)構(gòu)和內(nèi)容
打開百度APP看高清圖片
HTML的版本DOCTYPE公告，指定要使用的HTML版本
常見版本公告
HTML 5
<!DOCTYPE html>
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML元素
HTML元素是形容HTML文檔各部分的結(jié)構(gòu)
HTML元素大概有以下幾種方式：
元素具備開始標記、結(jié)束標記和中間的內(nèi)容
Hello World元素是包括從開始標記到結(jié)束標記的所有一切內(nèi)容有的元素沒有內(nèi)容所以不需要結(jié)束標記如：
元素也可以嵌套到其余元素
<head><meta charset="utf-8" />
<title>Hello World</title>
</head>
了解一下下面的html代碼回到后面的問題
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hello World</title>
</head>
<body>
這是第一個html頁面
</body>
</html>
上面html代碼有多少個元素？5個元素2.上面html代碼有多少個嵌套元素？4個嵌套元素3.上面html代碼有哪些元素？html, head, title, body, meta請對照仔細了解一下標題與段落
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>標題與段落演示</title>
</head>
<body>
<h1>標題1</h1>
<p>我是段落1</p>
<h2>標題2</h2>
<p>我是段落2</p>
<h3>標題3</h3>
<p>我是段落3</p>
<h4>標題4</h4>
<p>我是段落4</p>
</body>
</html>
格式化仔細對照代碼和網(wǎng)頁效果就能了解了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>格式化演示</title>
</head>
<body>
<p>
.NET 5 下一代全平臺<b>.Net 框架</b> ，更多更詳細詳情我就不復(fù)制粘貼了，也沒啥意義，<i>網(wǎng)上一搜一大把</i>，
這里只是提一下讓大家有個印象就成。由于這個是個很基礎(chǔ)的系列，<u>所以很多方面都只是淺嘗輒止</u>，
<span style="color:red;">旨在讓初學(xué)者能夠直觀上有個概念而后能快速入門</span>，大伙可以根據(jù)這個線索提綱有針對性深度學(xué)習(xí)研究。
</p>
</body>
</html>
列表
<head>
<meta charset="utf-8" />
<title>列表演示</title>
</head>
<body>
<h1>無序列表</h1>
<ul>
<li>Item1</li>
<li>Item1</li>
<li>Item1</li>
</ul>
<h1>有序列表</h1>
<ol>
<li>ItemA</li>
<li>ItemB</li>
<li>ItemC</li>
</ol>
</body>
</html>
圖片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>圖片演示</title>
</head>
<body>
<img src="images/h5.png" width="80" height="100" />
<img src="images/js.png" width="80" height="100" />
<img src="images/css.png" width="80" height="100" />
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>超鏈接演示</title>
</head>
<body>
<a href="https://docs.microsoft.com/zh-cn/dotnet/">Net官方文檔</a>
<a href="https://www.microsoft.com/zh-cn/">微軟中文官網(wǎng)</a>
<a href="Heading.html">標題和段落演示</a>
<a href="Lists.html">列表演示</a>
</body>
</html>
DIVS
<div>元素是一個塊元素，可以用作其余HTML元素的容器。
它可用于將<h1>和<p>分組成塊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DIV演示</title>
</head>
<body>
<div style="width:450px;background-color:yellow;">
<h1>NET Framework</h1>
<p>NET Framework是用于Windows的新托管代碼編程模型。它將強大的功能與新技術(shù)結(jié)合起來，用于構(gòu)建具備視覺上引人注目的客戶體驗的應(yīng)用程序，實現(xiàn)跨技術(shù)邊界的無縫通信，并且能支持各種業(yè)務(wù)流程。</p>
</div>
<div style="width:450px;background-color:lightblue;">
<h1>NET Core</h1>
<p>.NET Core是適用于 Windows、Linux 和 macOS 的免費、開源托管的計算機軟件框架，是微軟開發(fā)的第一個官方版本，具備跨平臺能力的應(yīng)用程序開發(fā)框架 (Application Framework)，未來也將會支持 FreeBSD 與 Alpine 平臺，也是微軟在一開始發(fā)展時就開源的軟件平臺 [1] ，它經(jīng)常也會拿來和現(xiàn)有的開源 .NET 平臺 Mono 比較。</p>
</div>
</body>
</html>
表單
表單form元素用于前端輸入后端獲取前端輸入相關(guān)數(shù)據(jù)。
在form元素中，有不同類型的輸入元素，常用如下：文本輸入
列表
下拉列表
復(fù)選框
單選按鈕
提交按鈕示例：
<html>
<head>
<meta charset="utf-8" />
<title>表單演示</title>
</head>
<body>
<form id="userinfo">
<div>
<label for="name">客戶名：</label>
<input type="text" name="name" id="name" />
</div>
<div>
<label for="nation">民族：</label>
<select id="nation">
<option>--請選擇--</option>
</select>
</div>
<div>
<label>性別：</label>
<input type="radio" name="gender" id="gender1" />男
<input type="radio" name="gender" id="gender2" />女
</div>
<div>
<label>興趣愛好：</label>
<input type="checkbox" name="like1" id="like1" />籃球
<input type="checkbox" name="like2" id="like2" />看書
<input type="checkbox" name="like3" id="like3" />跑步
</div>
<div>
<label for="introduce">詳情：</label>
<textarea id="introduce" name="introduce" rows="5" cols="40"></textarea>
</div>
<div>
<input type="submit" value="表單提交" />
</div>
</form>
</body>
</html>
HTML元素標識id屬性是HTML元素的標識屬性，該值在HTML文檔中必需是唯一的
id屬性主要用于：
通過CSS指向樣式表中的樣式
通過JavaScript操縱特定id的元素
到此，關(guān)于“Asp.Net Core Web網(wǎng)站應(yīng)用HTML實例分析”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
當前名稱：Asp.NetCoreWeb網(wǎng)站應(yīng)用HTML實例分析
網(wǎng)頁路徑：http://www.rwnh.cn/article22/jisecc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、搜索引擎優(yōu)化、、網(wǎng)站設(shè)計公司、全網(wǎng)營銷推廣、網(wǎng)站改版
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 成都小程序開發(fā)，如何提升客戶回頭率？ 2022-07-13
- 微信小程序組成部分，小程序開發(fā)的注冊認證到開發(fā)及注意事項。 2021-06-13
- 商家為何選擇拼團小程序？ 2013-11-21
- 深圳小程序開發(fā)怎么玩轉(zhuǎn)電商行業(yè) 2021-10-16
- 上海酒店小程序開發(fā)的價值有哪些？ 2021-01-03
- 目前市面上有哪些微信小程序比較流行的？ 2014-07-24
- 成都小程序開發(fā)之小程序商店制作教程 2022-07-09
- 企業(yè)做小程序開發(fā)的優(yōu)勢與好處 2021-02-20
- 為什么越來越多的企業(yè)做小程序微官網(wǎng)？ 2016-08-16
- 小程序的爆發(fā)絕不僅是一個偶然，它是互聯(lián)網(wǎng)時 2017-03-27
- 小程序開發(fā)中有哪些功能構(gòu)思？ 2014-04-25
- 微信小程序開發(fā)：分銷小程序有什么特點 2023-03-14