https://www.w3schools.com/tags/tag_ul.asp
HTML ul tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
순서에 스타일시트 활용해보기
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_ul_type_css
W3Schools online HTML editor
The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com
<!DOCTYPE html>
<html>
<body>
<h1>All the different list types for ul with CSS</h1>
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
https://www.w3schools.com/tags/tag_ol.asp
HTML ol tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
https://www.w3schools.com/tags/att_ol_type.asp
HTML ol type Attribute
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
<ol type = "1 | a | A | i | I ">
| <!doctype html> <html lang="en"> <head> <font size="20" color="#990000"><strong>Jay, ANH의 프로필</strong></font> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="다가치사람다움"> <meta name="Keywords" content="1인 가구"> <meta name="Description" content=""> <title>이력서</title> </head> <br> <body> <img src="https://images.chosun.com/resizer/pwQSAMkmQBVNzDXKR27OHJaMiaw=/616x0/smart/cloudfront-ap-northeast-1.images.arcpublishing.com/chosun/4VXO6KXBSUZE7IPJQD2YOUTOMU.jpg" alt="SIDONG" width="250" height="200"> <br><br><strong><font size="11" color="#009933">학력</font></strong> <ul style="list-style-type:circle"> <li>00고등학교</li> <li>00대학교</li> <li>00대학원</li> </ul> </dl> <br><br><strong><font size="11" color="#009933">경력</font></strong> <ul style="list-style-type:square"> <li>000근무 00년00개월</li> <li>000 소속 00년</li> <li>현재 000 소속 , 직위 000</li> </ul> <br><br><strong><font size="11" color="#009933">자기소개</font></strong> <ol type="a"> <li> 취미는 글쎄요 </li> <li> 특기는 그러게요</li> </ol> <br><br><strong><font size="11" color="#009933">특이사항</font></strong> <ol type="I"> <li> 강쥐엄마 </li> <li> 구강기 고착인 듯 먹는게 너무 좋아요</li> </ol> </body> </html> |
주의사항 1. Tab 키를 활용하여 줄 맞추기 주의사항 2. 이미지 활용키 사용할 때 '단어'를 더블클릭하고 누르면 단어가 자동으로 사이에 입력됨!!
생성완료!!!
https://tistory1.daumcdn.net/tistory/4934129/skin/images/profile.html
이력서
tistory1.daumcdn.net
'자기개발 > 티스토리 제작' 카테고리의 다른 글
| 유튜브 영상 html에서 재생하기 (0) | 2022.10.19 |
|---|---|
| 저작권 없는 음성파일 다운로드 : 숨겨진 구글 오디오 라이브러리 (0) | 2022.10.18 |
| HTML <img> Tag 이미지맵 (0) | 2022.10.05 |
| 검색률을 높이기 위한 해시태그용 키워드 찾기 (0) | 2022.09.15 |
| "네이버 내얼리틱스" 트래픽 활성화시키기 (0) | 2022.09.15 |