'Beyond barrier/coding 기초'에 해당되는 글 2건

Html & CSS : lesson 3

이번엔 오랜만이지만 다시 복습 겸 3번째 강의를 들었다


사실 마지막으로 들었을 때, 이 부분만큼은 잘 와닿지도 않아서 기억에 잘 남았다.



두 열에 걸친 제목~~~
여기엔 표 이름 들어감열 추가 이름
이번에는 표를 삽입하는 것이었다열 추가
근데 왜이리 촌스러운거 같고열 추가2
뭐 이렇게 표를 쓰는걸 본적이 없는거 같아서열 추가3
딱히 안배워도 되지 않을까 하고열 추가4
혼자 마음 속으로 정해버린 것 같다열 추가5


이건 저번 글에도 썼던 한 줄 전체 색깔 바꾸기라면


이건 박스를 만드는 것!
파란 박스를 누르면 네이버로 이동됨



확실히 이정도면 창의적인 사람이면 좀 멋진걸 만들 수도 있을 듯!

저번 시간에 굵게 글씨 바꾸는 것 빼곤

한 줄 통째로 바꾸는 것 밖에 없었는데

본격적으로 CSS를 배우기 전에 span이 나옴



CSS 들어가기 전에 마지막으로 한건 표에 이미지와 링크를 삽입하는 거다.

매우 귀찮으니 간단한 표만 만들겠음



인터넷에서 아이콘 검색하면 나온 것들



부디 저작권 안걸리는 것이길....(상업용 아니니까 봐주세영..ㅇ<-<....)


이것으로 HTML은 마무리가 되었다.

그 다음 Lesson 4, 5, 6에서 다뤄지는 건 HTML이 아니고 CSS다.

맨날 복습 다 하면 진이 빠져서 진도를 못빼고 쉬다가 또 복습만 하게 되는 듯 .....

암튼 이번에 복습하면서 저번에 대충 넘어갔던 표를 제대로 이해한 거 같아서 뿌듯, div도 마찬가지






정리: 여기서 새로 배운 명령? 함수?는 table, thead, tbody, tr, td, div, span 이다.

tr은 table row, 추가하면 표의 행이 늘어남

td는 tr 내에서 추가가 가능하며 table data라는 뜻, 추가하면 그 행 내의 열이 늘어남



행과 열, row and column은 한국어랑 영어랑 둘다 어디가 가로고 세로인지 핵 헷갈린다....여전히....



'Beyond barrier > coding 기초' 카테고리의 다른 글

Html & CSS : lesson 1,2  (0) 2015.10.23

Html & CSS : lesson 1,2

title nothing

뭔가를 쓰자

  1. html로 연습하기에는 티스토리가 짱인듯
  2. 네이버에서도 이렇게 쓸 수 있나?
  3. 이정도면 된듯
  • 그래도 예의상 몇개 더
  • 한영 번갈아 치는게 귀찮다
  • 그냥 코딩할땐 영어로 치는게 나은듯

실수한거 없나 걱정되넹

그래도 잼따 누가 시켜서 하는거도 아니공 ㅋㅋㅋ

이 모든 글은 html로 작성한 것입니다~~~~~

레슨 1,2에서 배운 것

  1. 헤드, 바디 만들기, 패러그래프 넣기
  2. 순서있는 목록, 순서없는 목록 만들기
  3. 제목 글씨 h를 사용해서 넣기, 폰트사이즈/색깔/배경색/서체 바꾸기
  4. 글씨 강조하거나 이태릭체 넣기
  5. 이미지나 링크 넣기, 이미지에 링크넣기

코드카데미 라는 요기 위의 링크(이미지 클릭하면 이동)에서 배우고 있음. 거기 말고도 "생활코딩"이라는 사이트도 추천받았는데 일단 여기가 직접 예제하면서 단계별로 할수 있어서 재밌음

아래의 링크는 생활코딩 주소로 한국분이 친절하게 설명해줘서 강추받고 있는 곳이라함. 나는 영어공부도 할겸 코드카데미에서 영어로 해보는 중 ㅎㅎㅎ 재밌당ㅎㅎㅎㅎㅎ

https://opentutorials.org/course/1

ps. Python을 배우려고 한다. 그 전에 이 htrml & CSS 강의는 끝내려는데, 일단 여기에 포스팅은 안했지만 벌써 절반 조금 넘게 진행한 상태다. 금방 끝낼 수 있을지도. 근데 영어보다 더 빠르게 급속도로 까먹는게 문제....

  • 다음목표는 파이썬!
  • 그전에 해야할 일들
    1. HTML & CSS 강의 끝내기
    2. 블로그에 실습해보기
  • 부디 나도 코딩 좀 안다 할 수 있게 되길...

아 진짜 더 쓸말 생각하는게 더 어려운듯, 일단 글씨체도 배웠습니다. 이건 impact입니다

배경 색깔 변경. 왜 예전에 썼을 때는 이거 안 넣었지?


이거는 텍스트 정렬



여기서 나온 명령어로는 p, em, strong, ol, ul, li, h1,2,3 style="font-size: ; color: ; background color: ; font-family: ; text-align: ;", a href, img scr가 있다

'Beyond barrier > coding 기초' 카테고리의 다른 글

Html & CSS : lesson 3  (0) 2016.08.19
일어서자 걷자 숨쉬자 눈 뜨자 by 테우리