Movatterモバイル変換

‫ک‬ ‫دان‬ ‫م‬ ‫ه‬

HTML.1‫ﻢ‬ ‫ﻔﺎ‬2.‫ﺗﮓ‬‫ﯽ‬‫ﮐ‬‫ﺘﺎر‬ ‫ﺳﺎ‬3.‫ﺖ‬4.‫م‬5.‫ﺞ‬ ‫را‬‫ﯽ‬ ‫ﻮ‬ ‫ی‬ ‫ﺗﮓ‬

CSS1.‫ﻢ‬ ‫ﻔﺎ‬2.‫ﯽ‬‫ﮐ‬‫ﺘﺎر‬ ‫ﺳﺎ‬3.‫ﯽ‬ ‫ﻮ‬

‫ﺮپ‬ ‫ﻮت‬1.‫ﻢ‬ ‫ﻔﺎ‬2.‫ت‬ ‫ﮑﺎ‬ ‫ا‬3.‫رو‬‫ﺶ‬ ‫ﺪه‬ ‫آ‬

1.‫ﯿﺎز‬2.‫ﺖ‬ ‫ﻨﺎ‬3.‫ﺪاع‬‫ا‬

‫ﻪ‬•HTML 2.0•HTML 3.2•HTML 4.0HTML 4.0 Strict -HTML 4.0 Transitional -HTML 4.0 Frameset -•HTML5

‫ﺪارد‬ ‫ﺘﺎ‬ ‫ا‬•RFC 1866• <!DOCTYPE HTML PUBLIC "‐//IETF//DTD HTML Strict//EN"><!DOCTYPE HTML PUBLIC "‐//IETF//DTD HTML//EN">•‫ﻂ‬ ‫ﻮ‬ ‫ﺪه‬ ‫ارا‬‫ﻮم‬ ‫ﺮ‬‫وب‬• <!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 3.2 Final//EN">• <!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 4.0//EN""http://www.w3.org/TR/REC‐html40/strict.dtd">• <!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC‐html40/loose.dtd">• <!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC‐html40/frameset.dtd">

‫وب‬‫ﻪ‬ ‫ﺘﺎر‬ ‫ﺳﺎ‬

‫ﺗﮓ‬Attributevalue<img src="logo.gif" alt="logo" />value

‫ﻦ‬ ‫ﺪی‬ ‫ی‬ ‫ﺗﮓ‬‫ﻮاع‬‫ا‬• xamin<b>salam</b> xamin salam• xamin<i>salam</i> xamin salam• xamin<u>salam</u> xamin salam• other<strike>os!</strike> xamin other os! xamin• salam<sub>xamin</sub> new os! salam xaminnew os!• salam<sup>xamin</sup> new os! salam xamin new os!• salam<tt>xamin</tt> salam xamin

‫ﯽ‬ ‫ﺮ‬<ul><li>Coffee</li></ul>

‫ﯽ‬ ‫ﻮ‬ ‫ﺖ‬<dl><dt>Coffee</dt><dd>Black hot drink</dd></dl>

‫م‬• <form action="demo_form.asp">• First name: <input type="text" name="FirstName" value=""><br>• Last name: <input type="text" name="LastName" value=""><br>• <input type="submit" value="Submit">• </form>

• <select>• <option value="salam">salam</option>• <option value="hi">hi</option>• <option value="Hola">Hola</option>• <option value="Ciao">Ciao</option>• </select>

• <select>• <optgroup label="ahvalporsi irani">• <option value="salam">salam</option>• <option value="hi">durud</option>• </optgroup>• <optgroup label="External greeting">• <option value="hola">hola</option>• <option value="ciao">ciao</option>• </optgroup>• </select>•

‫ﺞ‬ ‫را‬‫ی‬ ‫ﺗﮓ‬• <img src="logo.jpg" alt="logo" />• <a href="url">Link text</a>• <p>This is my first paragraph</p>• <h1>Heading 1</h1>• <h1>New Technology</h1>• <div style="color:#0000FF">• <h3>xamin</h3>• <p>The new os from iran.</p>• </div>

‫ﻪ‬.1Css1.2Css2.3css2.1.4css3

3‫ﯽ‬ ‫اﺳﺎ‬‫ﻦ‬ ‫ر‬csstagClassID

Tagbody {margin: 10px 0;}Class;}px; color: red15red {margin:.value‫ﯽ‬ ‫ﺪا‬ ‫ﻪ‬=‫ﻼس‬‫ﮐ‬‫ﻒ‬

ID#wrapper {margin :0 auto;}Compound#content p {margin :0;}

‫ی‬ ‫ﻪ‬ ‫ل‬css

‫ﯽ‬‫ﮐ‬‫ﺘﺎر‬ ‫ﺳﺎ‬

<!DOCTYPE html><html><head><style>body {background-color: #d0e4fe;}h1 {color: orange;text-align: center;}p {font-family: "Times New Roman";font-size: 20px;}</style></head><body><h1>My First CSS Example</h1><p>This is a paragraph.</p><link></body></html>‫ی‬ ‫ﺪ‬css‫ﺖ‬head‫ﻮد‬ ‫ﯽ‬ ‫ﻪ‬ ‫ﻮ‬.‫ﺪ‬ ‫ﻞ‬ ‫دا‬ ‫ﺖ‬ ‫از‬‫ﯾﺎ‬‫و‬>body<‫ﻢ‬ ‫ﻔﺎده‬ ‫ا‬.‫ﻮرات‬ ‫د‬‫دادن‬‫ار‬css‫آ‬ ‫ﮏ‬ ‫دادن‬‫و‬‫ﯽ‬‫ﯾ‬‫ن‬

‫ﯽ‬ ‫ﺳﺎ‬ ‫ی‬ ‫د‬ ‫ﮐﺎر‬css

Background Colorbody {background-color: #b0c4de;}</style></head><body><h1>My CSS web page!</h1><p>Hello world! This is a W3Schools.com example.</p>

Text Colorbody {color: red;}h1 {color: #00ff00;}p.ex {color: rgb(0,0,255);}</style></head>

CSS Listsul.a {list-style-type: circle;}ul.b {list-style-type: square;}ol.c {list-style-type: upper-roman;}ol.d {list-style-type: lower-alpha;}</style></head>

CSS Marginp {background-color: yellow;}p.ex {margin-top: 100px;margin-bottom: 100px;margin-right: 150px;margin-left: 50px;}

‫ﻪ‬ ‫ر‬‫ﻪ‬ ‫ﮐ‬Bootstrap

‫ﺳﺎل‬‫ﺖ‬ ‫ﻮ‬ ‫ا‬2011،‫ﺮ‬ ‫ﻮ‬‫راه‬‫ﻮد‬‫ﺪاز‬=Bootstrap

‫ﺑﺎ‬‫ﻤﺎ‬ ‫ﻮ‬ ‫از‬‫ﭙﺎس‬Azimi.2549@gmail.com

Movatterモバイル変換

Change Language

Html,css and bootstrap

Embed presentation

Recommended

More Related Content

Featured

Html,css and bootstrap