그저 내가 되었고

HTML:: 실습 rough note 본문

개발/CSS & HTML

HTML:: 실습 rough note

hyuunii 2022. 9. 4. 19:25

🦉一球入魂🏐

🌾喝采は要らん。ちゃんとやんねん🏐

​

HTML은.... Java에 비해 정말이지 쉽꾼........

​

​

처음 작성해본 html 페이지 코드⭆

<!doctype html> ☞문서 타입이 html임을 명시(꼭)
<html>☞(꼭)
<head>☞제목 부분임을 명시(꼭)
<title>Pick Up Limes🍐-Articles</title>☞이게 탭에 보이는 페이지 제목이 됨
<meta charset="utf-8">
<!--☞우리가 작성한게 utf-8임. 걔로 웹브라우저에서도 똑같이 열리도록!-->
</head>☞제목 부분 끝났음을 명시(꼭)
<body>☞본문 부분임을 명시(꼭)
<!--☞a는 링크 삽입하는 태그. a href=에 주소 적어줌, target="_blank"는 새 탭에서 열린다는 태그, title=" "는 커서 가져갔을 때 보이는 텍스트-->
<br>☞줄바꿈 기호
<h1 class="entry-title"><a href="index.html">Pick Up Limes🍐</a></h1>
<ul>☞unordered list. <ol>은 ordered list로 번호 붙은 목차.
<li><a href="PUL_Videos.html">Videos</a></li> ☞<li></li>로 목차 한 개
<li><a href="PUL_Articles.html">Acticles</a></li>
<li><a href="PUL_Recipes.html">Recipes</a></li>
</ul>☞여기까지 목차
<image src="pul.jpg" width="70%">☞이미지 삽입 태그는 image src=" ". width="100%"하면 창에 가로 비율 꽉 차게 들어옴. "pul.jpg"와 width="70%"는 Attribute 즉 속성!! 태그가 태그 이름만으로는 정보가 부족할 때, 태그를 통해 더 많은 의미를 제공함
<br><br>
<strong>☞볼드<span style="font-size:25px;">☞폰트 크기 지정 Cooking SKILLS🍽</span></strong>
<i>☞이탤릭<span style="font-size:18px;">; I wish I learned sooner</span>‍</i>
<p style="margin-top:30px;">☞구분된 패러그래프임을 보여줌. 뒤의 마진탑은 패러그래프 위에 줄간격 얼마나 줄건지 지정. You wanna appeal to texture in addition to taste.<br>
<strong><u>☞언더라인Crispness, crunchness, creaminess.</strong></u><br>
These're all textural qualities that most of us can't resist.</p>☞한 단락 끝
<p>I already know that a lot of the crunchness comes from the pizza pase itself,
<br>I want to now introduce some creamess which we're gonna get by
<br>making our homemade vegan feta just seven ingredients.</P>
</body>☞본분 끝났음을 명시(꼭)
</html>☞(꼭)

​

'개발 > CSS & HTML' 카테고리의 다른 글

CSS:: 박스모델 & 그리드 & 반응형 디자인 rough note  (0) 2022.09.04
CSS:: 스타일 태그 & 스타일 속성 & 선택자 rough note  (0) 2022.09.04
'개발/CSS & HTML' Related Articles more