[패스트캠퍼스 수강 후기] 파이썬 인강 100% 환급 챌린지 7회차 미션

 

7일차 

Codepen.io 사용법, MDN, devdocs.io 검색엔진 추가하는 방법을 배웠습니다.

codepen은 웹에서 바로 html로 코딩해볼수 있는 사이트 입니다. 파이썬을 배울때 사용했던 프로그래밍 언어를 디버깅하고 실행해주는 vs code같은 프로그램을 사용할수도 있지만 간편하게 설치없이 웹위에서 html, css등을 코딩할수있습니다. 그리고 다른 사용자의 코드를 보고 공유를 하기에도 간편합니다. 

가입을 한후에 new pen을 선택하면 html, css, js를 써볼수있는 화면이 나옵니다.  

 MDN이나 devdocs.io같은  사이트는 모르는 html 태그나 사용법 등을 검색하면 알려주는 사이트들입니다.

이 사이트들을 크롬을 이용해서 검색엔진에 추가해 쉽고 빠르고 검색할수있습니다. 

크롬에 설정탭으로 들어가서 설정검색에 검색을 입력하면 바로 검색에 관련된 하위 카테고리들이 나타납니다.

여기서 검색엔진 관리를 선택한 다음 기타 검색엔진에 내가 필요로하는 검색 사이트의 주소를 입력하고 키워드를 정합니다. 그리고 나면 크롬의 주소 및 검색창에서 키워드를 치고 검색어를 입력하면 바로 원하는 웹사이트에서 검색이 가능합니다. 

이부분은 프로그래밍이 아니어도 새롭게 알게된 좋은 검색 방법인것 같습니다. 실생활에 사용하면 편리할것 같아 앞으로 잘 사용해 보겠습니다. 

 

그 다음은 텍스트와 관련된 html 태그를 학습했습니다.

<p></p> 요소는 텍스트를 단락으로 정의하는데 사용하는 태그입니다.

단락은 유사한 주제를 갖는 문자열의 묶음이라고 합니다.

 

<em></em> 태그는 텍스트를 이탤릭체(약간 오른쪽으로 기울어진 글자체)로 강조해줍니다.

<strong></strong> 태그는 텍스트를 굵은 글씨로 강조해줄때 사용합니다.

목록 태그에는 두가지 종류가 있는데 순서가 있는 태그와 순서가 없는 태그 이렇게 나눠집니다.

 

ordered list 의 약자인 <ol></ol> 태그는 앞에 숫자로 순서를 표현해주고

Unorder list의 약자인 <ul></ul> 태그는 순서 없이 목록만 보여줍니다.

 

<dl></dl>은 어떤 단어에 의미를 부여하고 정의를 내릴 때 사용하는 태그입니다.

 

<dl> - definition list

<dt> - definition term

<dd> - definition description

 

정의하고 싶은 텍스트를 <dt></dt> 사이에 넣고 <dd></dd>에 정의할 내용을 입력하면 됩니다.

 

예> 

<dl>

<dt>HTML</dt>

<dd>웹사이트에서 콘텐츠의 구조를 표현하기 위해 고안된 텍스트 포맷입니다.</dd>

</di>

 

<a href=“www.naver.com>네이버로 이동</a> 하이퍼링크 태그는 이런 식으로 써줍니다.  

html 은 확실히 직관적이여서 수업은 쉬운 편이었습니다. 어려워도 재미는 파이썬이 더 있는 것 같기도 하구요,,

언젠가는 무언가를 개발할 수 있는 날이 오겠죠? 

 

 

강의소개 https://bit.ly/33a7nvc