[HTML] HTML 태그 사용하여 HTML문서 만들기

1. 과제 회고
2. 과제 FLOW

1.  과제 회고

🦄 과제 회고 🦄
잘한 것은 무엇인가?	- 교육에서 배운 것을 복습하고 적용해 볼 수 있었다.
잘못한 것은 무엇인가?	- 없다.
무엇을 배웠는가?	- 사용해보지 않았던 태그들(pre 등)을 알게되고 적용해 볼 수 있었다.  - <a>에서 _blank , _self 를 알게 되었다.
아직도 안풀린 궁금증은 무엇인가?	- 없다.
이전과는 어떻게 다르게 할 것인가?	- 알고 있는 내용이라면 스스로 응용해서 코드를 적용해보도록 할 것이다.

 

2.  과제 FLOW

📌  과제

- 금일 배운 HTML 태그를 전부 사용하여 자신이 원하는 HTML 문서 만들기
- 깃허브에 임의의 Repository를 Public으로 만들기1의 HTML 파일을 3에서 만든 깃허브 Repository에 Push 하기
- 해당 Repository 의 주소를 강사에게 DM으로 보내기

 

💬  계획

1. 배운 태그를 모두 적용해본다.
2. table을 적용하기 좋은 게시판으로 구성하고 list를 사용하여 기타 내용을 작성한다.

 

💾  기술 스택

 

💾  결과 화면

HTML만들기

💾  적용 태그 

1	<h1> ~ <h4>	제목 태그
2	<img src="" alt="">	이미지 삽입 태그
3	<input type="" />	사용자가 데이터를 입력하는 태그			🧩
4	<p></p>	본문 태그 (paragraph의 약자)
5	<br>	줄 바꿈 태그	&nbsp; 띄어쓰기
6	<pre></pre>	미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용			🧩  pre태그 설명
7	<ul>	순서 없는 목록
8	<ol>	순서 있는 목록	<ol type=""> 말머리 기호 변경 (A,a,I,i) <ol start=""> 시작 값 변경 <ol reversed=""> 역순으로 시작
8	<hr>	수평줄
9	<b>	문자 두껍게
10	<strong>	semantic한 의미를 가진 문자 두껍게			🧩 시멘틱태그
11	<i>	이탤릭
12	<em>	Emphasized, 강조
13	<del>	문자 중간줄
14	<u>	문자 밑줄
15	<a href=""></a>	하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용	<a href="" target="_blank"> 새로운 창으로 열림 <a href="" target="_self"> 현재 페이지에서 열림
16	<table>	표를 만들 때 사용하는 태그	<th> <tr> <td> <td  colspan=""> 가로로 표 합치기 <td rowspan=""> 세로로 표 합치기