[HTML] 가볍게 시작하기
HTML Tutorial ➰
=메모장으로 HTML 열기=
생략
🔨<title> 파일 이름 or 상단 이름 작성</title>
<title> 연습장ing....</title>
🔨<h>글씨 굵기 조절 가능한 문단 작성</h>
<h1>안녕하세요<br></h1>
<h2>안녕하세요<br></h2>
<h3>안녕하세요<br></h3>
🔨<p>하나의 문단 작성시에 사용</p>
<p>My First Paragraph - using p </p>
<p>My First Paragraph - using p </p>
🔨<ahref= “링크 주소 ” > 주소를 대신해 보여줄 문장</a>
<p><a = href = "https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_link">gogo</a></p>
🔨<ahref= “링크 주소 ” >img src = "텍스트 이외에 이미지 넣기" alt = "" style = 가로 : 값 ; 세로: 값;"></a>
(+) title=
생략
🔨Images 넣기
<img src = "파일 경로\파일이름.파일속성" alt=" 파일이 안나올 경우 대비 작성" width = "가로 값" height = "세로 값">
<img src = "C:\Users\mint4\Downloads\화면 캡처 2021-10-29 103020.png" width = "123" height = "123">
<img src = "ownloads\화면 캡처 2021-10-29 103020.png" alt = "이미지 없을경우 대신 표기" width = "123" height = "123">
<img src = "오류.png" alt = "이미지 없음" width = "123" height = "123">
🔨 style="color:원하는 색상명;">
<h1 style="color:red;">안녕하세요<br></h1>
<h2 style="color:blue;">안녕하세요<br></h2>
<h3 style="color:green;">안녕하세요<br></h3>
🔨<html lang ="언어 " > 🇰🇷
생략
🔨<h1 title = "보조역할 기능">안녕하세요<br></h1>
<h1 title = "숨어있지롱">안녕하세요<br></h1>
해당 출력물에 커서를 올리면 확인 가능
<p title='문장 "글씨"장문'>이렇게도</p>
<p title="문장 '글씨' 장문">사용가능</p>
🔨<h1 style = "font-size:60px;">폰트 더 큰사이즈<br></h1>
<h1 style = "font-size:60px;">더 큰사이즈<br></h1>
<h1 style = "font-size:50px;">더 큰사이즈<br></h1>
<h1 style = "font-size:40px;">더 큰사이즈<br></h1>
<h1 style = "font-size:30px;">더 큰사이즈<br></h1>
🔨<hr>———분리 시키거나 변화를 줄때——————
<h1 style = "font-size:60px;">더 큰사이즈<br></h1>
<hr>
<h1 style = "font-size:50px;">더 큰사이즈<br></h1>
<hr>
<h1 style = "font-size:40px;">더 큰사이즈<br></h1>
<hr>
<h1 style = "font-size:30px;">더 큰사이즈<br></h1>
🔨<br>
다음 문장
생략
🔨<pre></pre>
<pre>
1 - 한 문장 이어서 작성
2 - 한문장
다음 문장
띄어서 작성
</pre>
🔨style="background-color:색상명;">
<body style="background-color:powderblue;">
<pre style="background-color:powderblue;">
1 - 한 문장 이어서 작성
2 - 한문장
다음 문장
띄어서 작성
</pre>
<h1 style = "background-color: powderblue; font-size:60px;">더 큰사이즈
폰트와 백그라운드 컬러를 동시에 출력 가능
등등
🎈색상 표기 방법 • HSL background-color: hsl(0, 0%, 0%) • HEX background-color:#ff0000 • RGB background-color:rgb(0, 0, 0) • Colors background-color:Tomato |
🔨style = "font - family: 폰트이름; "
생략
🔨style="text-align:center;">
가운데 정렬
<pre style="background-color:powderblue; text-align:center;">
🗻 추가 되는 텍스트 스타일
🔨 <b></b>, <strong></strong>
🔨 <i></i>, <em></em>
🔨 <mark></mark>
🔨 <dle></dle>
🔨 <ins></ins>
🔨 <sup></sup>
🔨 <sub></sub>
🔨 <blockquote></blockquote>
<p> 첫번째, <blockquote>아라비아 숫자의 전설.</blockquote></p>
🔨 <abbr title = " 작성 "></abbr>
생략
