认识HTML_html/css_WEB-ITnose
基本框架：
1 <html> 2 <head> 3 <title>This Is Title</title> 4 </head> 5 6 <body> 7 <h1><!--一级标题--></h1> 8 <h2><!--二级标题--></h2> 9 <p>10 <!--段落-->11 </p>12 </body>13 </html>
注释：
style，CSS
1 <head> 2 <title>This Is Title</title> 3 4 <style type="text/css"> 5 body{ 6 background-color: #eaf; 7 margin-left: 20%; 8 margin-right: 20%; 9 border: 2px dotted black;10 padding: 10px 10px 10px 10px;11 font-family: sans-serif;12 }13 </style>14 </head>注释：
HT（hypertext）
1 <a href = "beverages/elixir.html" > elixirs </a>2 <a href = "http://www.cnblogs.com/JJ-kelion/" title = "Read His blogs" > cnblogs jj-kelion </a>3 <a href = "../index.html" > RETURN </a>4 <a target = "_blank" href="beverages/elixir.html"> <img src="/static/imghw/default1.png" data-src="images/j.png" class="lazy" alt="认识HTML_html/css_WEB-ITnose" > </a>
注释：
示图：
,
1 <blockquote>2 Passing cars, <br>3 when you can't see, <br>4 A glimpse, <br>5 </blockquote>6 7 <p>8 <q> passing car </q>,when you can't see.9 </p>
注释：
：双引号，短引号，作为现有段落的一部分
：较长引用，单独显示，为块元素
：换行符
，，
- ，
1 <ol> 2 <li> one </li> 3 <li> two </li> 4 <li> three </li> 5 <li> four thing 6 <ul> 7 <li> one </li> 8 <li> two </li> 9 <li> three </li>10 </ul>11 </li>12 </ol>
注释：
- ：ordered list 有序
- : unordered list 无序
- 和
- 或者
- 和
- 总是要一起使用
- URL：域名，用来唯一标识网站
- 为了便于访问，在元素中使用title元素
- 使用target属性在另一个浏览器窗口中打开链接。
- 浏览器从服务器获取文件“jj-kelion.html”
- 读取“jj-kelion.html”，发现有n个图像需要获取
- 从服务器逐个得到图像，从第一开始，显示完后，转向下一个图
- JPEG
- PNG
- GIF
- JPEG：适合连续色调图像，可以表示千万种颜色，有损格式，不支持透明和动画
- PNG：适合单色和线条构成图，是一种无损格式，允许透明，
- GIF：最适合单色图和线条图，最多256种颜色，支持透明，无损格式，支持动画。
- JPEG和PNG擅长表示logo和文本图像；
- JPEG擅长照片
- 需要透明和多种颜色：选择PNG
- src不只是用于相对链接，还可以放入URL
- 相同网站上的链接和图像，最好使用相对链接
- 如果图像未能显示，就会用alt属性指定的描述图像的文本代替图像
- 为缩略图创建一个目录
- 将各个分辨率降低后的照片存入文件夹中
- 将页面中的各个
元素的src设置为缩略版的
- 增加从缩略图到一个新页面显示大图的链接
- 首行
- alt属性为必要的
- 指定字符编码，在首部中的首行，
- 验证代码工具：http：//validator.w3.org
URL
1 URL: 2 http://www.cnblogs.com/JJ-kelion/ 3 4 <a href="http://www.cnblogs.com/JJ-kelion/" title="Read His blogs"> cnblogs jj-kelion</a> 5 6 <!--为标题的开始增加标记--> 7 <h2 id="Chai-Tea"> Chai Tea </h2> 8 <!--用可用ID链接到元素--> 9 <a href="top.html/#chai" title="read chai"> Chai tea </a>10 <!--打开新窗口-->11 <a target="_blank" href="http://www.cnblogs.com/JJ-kelion/" title="Read His blogs"> cnblogs jj-kelion</a>
登入後複製注释：
使用图像：
幕后步骤：
常用图片格式：
格式分析：
总结：
1 <img src="/static/imghw/default1.png" data-src="images/jj.png" class="lazy" alt="认识HTML_html/css_WEB-ITnose" ><br />2 <img src="/static/imghw/default1.png" data-src="http://www.cnblogs.com/JJ-kelion/images/corporate/ceo.jpg" class="lazy" alt="认识HTML_html/css_WEB-ITnose" ><br />3 <img src="/static/imghw/default1.png" data-src="images/jj.png" class="lazy" alt="a picture"><br />4 <img src="/static/imghw/default1.png" data-src="images/jj.png" class="lazy" style="max-width:90%" style="max-width:90%" alt="认识HTML_html/css_WEB-ITnose" ><br /> <!--使用缩略图-->5 <a href="big picture"> <img src="small picture" alt="a picture"> </a>
登入後複製注释：
创建缩略图步骤：
HTML5
指南：
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
HTML容易為初學者學習嗎？
Apr 07, 2025 am 12:11 AM
HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。
HTML，CSS和JavaScript的角色：核心職責
Apr 08, 2025 pm 07:05 PM
HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。
了解HTML，CSS和JavaScript：初學者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？
Apr 04, 2025 pm 11:54 PM
GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...
HTML中起始標籤的示例是什麼？
Apr 06, 2025 am 12:04 AM
AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果？
Apr 05, 2025 am 06:15 AM
實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中，需要實現一種交互效果：點擊某張圖片，使其周圍的...
HTML，CSS和JavaScript：Web開發人員的基本工具
Apr 09, 2025 am 12:12 AM
HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。
網頁批註如何實現Y軸位置的自適應佈局？
Apr 04, 2025 pm 11:30 PM
網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能，特別是如何處理批註之間的間�...
