반응형 html4 서른 아홉살 아재의 HTML 배우기 #5 : <ul>, <li>, <ol>, <img>, <video> 태그 오늘은 이틀치를 몰아서 했다. 은 unordered lists이고, 는 list, 은 ordered list, 는 image 삽입, 는 video삽입이었다. 을 사용하여 리스트를 만들 때는 리스트 앞에 점으로 표기가 되고 은 숫자로 표기가 되었음을 알 수 있다. 와 는 src라는 구문을 오픈태그에 삽입하여 원래 저장되어있는 이미지와 비디오의 주소를 붙여넣기하여 불러 올 수 있다. 아래 캡처 참조. 아직까지는 진도를 많이 나가지 않아서 이해가 쉬웠는데 다음 레벨부터는 조금 걱정이 된다. 그래도 하루하루 틈날때마다 하는 게 재미있다. 2020. 6. 16. 서른 아홉살 아재의 HTML 배우기 #4 : <em>, <strong>, <br> 태그 Codecademy에서 아직은 HTML진도를 빡세게 나가지는 않아서 하루에 얼마 안되는 분량을 학습한다. 솔직히 영어도 우리나라 말이 아니라서 힘들기도 하고... 그런데 하나하나 예제를 직접 해가면서 하니까 이해가 빨리 되는 것 같다. 오늘 배운건 ,, 태그이다. 과 태그는 둘다 강조하는 방식이었는데 은 글씨가 기울어지고(이탤릭), 은 글씨가 굵어진다(볼드). 은 문장을 다음 칸으로 보내는 건데 이 태그는 신기하게도 오픈, 클로즈 구분이 없이 다음 행으로 보내고 싶은 문장 앞에 사용하면 된다. 2020. 6. 14. 서른 아홉살 아재의 HTML 배우기 #3 : <div>, <p>, <span> 태그 오늘 배운 태그는 어제에 이어서 ,,이었다. 뭔가 단락처럼 구분을 지어주는 것 같은데 화면에 나타나는 태그는 아닌 것 같다. 맨 왼쪽은 강의이고 가운데는 강의를 보면서 실습할 수 있는 창이고 오른쪽은 Run버튼을 눌렀을 때 실행화면이다. 은 공통적인 속성을 지닌 것끼리 묶은 것을 뜻하는 것 같다. 는 단락 입력 구간 같아 보였고 은 아직 실습에 포함되지 않아 잘 모르겠다. 검색해보니 css와 같이 사용된다고 한다. 글자 꾸미기 위한 구분인 듯하다. 생소해서 반복해서 봐도 조금 힘들긴 하지만 하나하나 알아가는 게 재미있는데 역시나 많이 먹으면 체하는 법. 오늘은 여기까지. 복습을 하다보니 영어 독해도 느는것 같다ㅋㅋ 2020. 6. 12. 서른 아홉살 아재의 HTML 배우기 #2 : 공부 시작 생활코딩은 식당 오픈 준비를 하는 동안 틀어놓고 듣는 날이 많아서 실습을 다 따라하진 못할 것 같다. 그래서 여러 튜터링 사이트 중 Codecademy를 많이 추천해주길래 즐겨찾기 해놓고 들어가봤다. 첫 화면에 start 버튼을 눌러서 무료강의를 선택 후 수업을 시작했다. 처음 배운 내용은 태그와 , , 을 배웠다. 는 paragraph를 뜻하는 걸로 보였고 는 division인 것 같았다. 아마도 그룹화하는 내용인 듯했다. 영어를 잘 몰라서...ㅜㅜ 는 headline인 것 같은데 아마 제목을 뜻하는 내용인 것 같다. 아무튼 태그는 내용 식으로 구성되어 있음을 알 수 있다. 코딩보다 영어 설명 때문이 더 머리 아프다. 사실 치킨에 소주한잔 걸친 상태... Codecademy 이 사이트는 좋은 점이 그래.. 2020. 6. 11. 이전 1 다음 728x90 반응형 LIST
