개발나라 스용공주

이번 글은 아래 강의 내용으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=RhE-RHdi-NY&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=11    [ 이미지 삽입하기 ] 먼저 이미지를 삽입하려면 우리가 작업하고 있는 파일에 삽입할 이미지 파일을 넣어준다. 그리고 img로 이미지를 넣는다는 것을 알리고 어떤 이미지를 넣을 것인지에 대한 정보인 src과 이미지 파일명을 작성하고  width를 이용하여 아래 첫번째 사진과 같이 350을 넣어주면 해당 크기를 지정하는 것이고 아래 두번째 사진과 같이 50% 등의 퍼센트로 나타내면 현재 화면에서의 비율에 따라 이미지 크기를 지정해준 퍼센트에 맞게 나타낸다.  * 이미지의 속성 src와..

이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=MgZRbCaF_rY&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=10  아래 사진을 보면 똑같이 코딩이라고 작성되어져 있는 것을 확인할 수 있다.하지만 위에꺼는 그냥 글씨를 키운 것이고 아래꺼는 제목으로 글씨를 설정해주었다. 이를 source로 변경하면 아래와 같다.아래꺼는 으로 제목 태그가 달려있다. 우리가 검색 엔진에서 검색을 할 때 주요키워드를 제목에 달아둔 것을 상위에 노출시키고 해당 키워드가 만약 제목이 아닌 본문에만 있다면 그 글은 검색의 상단에 노출되지 않게 된다. 또한 이미지에 해당 키워드를 작성해두었다해도 검색 상단에 뜨지 않게 된다.

이번 글은 아래 강의를 기반으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=SXtp7w7kdDc&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=9   [ 구글링 검색 키워드 팁 ]어떠한 기능을 하는 태그를 검색할 때는 아래 사진과 같이 검색해주면 된다.사용 언어인 html과 찾는 기능과 그 뒤에 tag를 붙여 어떤 태그를 찾는지에 대해 검색해준다.예를 들어 줄바꿈 태그가 필요하다면 'html new line tag'로 검색해주고 굵은 글씨의 태그가 필요하다면 'html bold tag'로 단락을 나누는 태그가 필요하다면 'html paragraph tag'를 검색해주면 된다.   [ 줄바꿈을 하는 태그 ]1. Enter키와 같은 ..

이번 글은 아래 강의 내용을 참고하였습니다.https://www.youtube.com/watch?v=QoQsaUWx3EU&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=7   [ 제목 태그 ]부터 까지는 제목(heading) 태그이다.아래와 같은 코드를 실행하게 되면 아래 사진과 같이 결과가 뜨게 된다.부터 까지 숫자가 점점 커질 수록 글씨가 더 작아지는 것을 확인할 수 있다.This is heading 1This is heading 2This is heading 3This is heading 4This is heading 5This is heading 6  아래 사진과 같이 제목태그 을 활용하여 웹페이지에 제목을 만들어주었다.

참고한 강의는 아래 강의입니다.(생활코딩)https://www.youtube.com/watch?v=9GkFI1ovBbU&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=6 아래 이미지와 같은 형태의 웹페이지를 만드는 실습이다.나는 내 유튜브 채널을 홍보하는 웹페이지를 만드는 실습으로 진행할 것이다. 우선 나의 채널을 홍보하는 글인 위에 사진과 같이 빨간 네모표시가 되어진 부분을 아래 사진과 같이 작성해주었다.    [ 글씨 강조하기 - Bold ]우리가 만든 웹페이지에서 글씨 내용을 강조하고 싶은 부분이 있을 때 그 부분만 볼드를 씌워주는 방법은 아래 사진과 같이 강조하고 싶은 부분의 시작점에 을 끝지점에 을 적어주는 것이다. 이후 실행하면 아래 사진과 같이 Bold가 ..

참고한 강의는 아래 강의입니다.(생활코딩)https://www.youtube.com/watch?v=EtwtZbmrzB4&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=5[ 파일 생성하기 ]Visual Studio Code에서 파일을 생성하려면 아래 사진과 같이 생성한 폴더에서 우클릭하여 New File...을 눌러 생성한다.HTML의 확장자명은 폴더명.html의 형식이다.   [ 파일 열기 - 결과 확인하기 ]작성한 코드의 내용을 확인하는 것은 아래 사진과 같다.총 2가지 방법이 있다. 첫번째는 아래 사진과 같이 파일을 드래그앤드롭하여 열려있는 웹페이지에 넣는 것이다. 두번째는 아래 사진과 같이 열려있는 웹페이지에서 Ctrl + O를 눌러 저장해둔 파일을 불러오는 방법..