선생이 배우는 즐거움에 빠지니 삶이 즐거워지는군요.

배우면서 하나씩 늘어가는 지식을 기억해 두려고 이 글을 씁니다.

2020. 08.01. 토요일

연습삼아 만들어보고 있는 홈페이지 링크

쉽게 학습할 수 있는 페이지를 만들어서 공개하려고 하는데, 쉽지 않을것입니다. 하지만, 하나씩 해결하면 언젠가는 될 것이다!!! 믿음으로 한발한발 앞으로 나아갑니다.^^ 가끔은 뒷걸음질 치더라도 곧 앞으로 갈것입니다. 
이 페이지는 어떻게 UI를 만들어야 쉽고 빠르게 접근할 수 있는지 나름은 연구를 하는 중이랍니다. 

 

 

 

 

오늘은 2020년 7월 9일입니다. html을 시작하면서 적었는데 날짜가 생각이 안나서 수정하면서 오늘 날짜을 적었어요. (수정:저장하고 났더니 처음 글 쓴 날짜가 나오는군요.) 밖에는 엄청난 비가 쏟아지고 있네요.
어제 밤에 서울에 갔다와서 피곤했는지 일찍 잠들었더니 새벽 3:30경에 눈이 떠 졌습니다.
그래서 그동안 배운 html을 하나씩 정리하다보니 기억해 두어야 겠다 싶어서 글을 쓰고 있습니다.
이 글도 html로 바로 쓰고 있는 것이랍니다. 신기하죠?
배움이 끝이 없음을 늘 생각하고 있었지만 요즘 인터넷 언어를 배우면서 직관적으로 늘어가는 것을 확인하는 즐거움에 신기할 따름입니다.
이 글은 일단은 계속 수정을 이용해서 일기처럼 배우는 과정을 적어보고 있습니다.

처음 배운 것은 ol과 li를 이용한 테그였답니다. ol테그는 리스트에 차례로 번호를 매기라는 테그이고 그 아래에 il테그를 이용하여 목록을 적어주면 이것들이 줄바꿈하면서 1, 2, 3, 과같이 번호가 매겨지는군요. 마치 한글에서 개요번호가 자동으로 매겨지는 것처럼 되는군요. 중간에 뭔가 새로운 리스트를 끼워넣을 때, 번호를 모두 다시 쓰지 않아도 되겠군요. 정말 편리합니다.

아래의 영상은 다음 내용을 포함하고 있습니다.

1. 일차방정식의 뜻
2. 일차방정식의 해의 뜻
3. 등식의 성질
4. 일차방정식의 풀이방법
5. 복잡한 일차방정식의 풀이방법

 

 

영상을 공유형식으로 가져왔는데, 크기가 마음에 안들어요. 공부 영상이라서 와이드하게 넓었으면 좋겠는데 너무 폭이 작게 따라와요. 그래서 width="100%" height="540"를 수정하였더니 시원하게 보여지네요. 필요한 것들을 인터넷에서 배우니 바로바로 적용하면서 고쳐지는 것을 직접보니 너무 즐겁군요. 아래 영상은 이렇게 수정해본 결과입니다.

 

 

h3을 배웠어요. 티스토리 블로그에 h3 테그를 이용하니 글자가 예쁘게 장식이 되는군요. 정말 마음에 듭니다. 아래의 글씨는 h3테그로 만든 것이랍니다.

유튜브채널이 매인이므로 채널에 모든 링크가 있습니다. 영상을 보시고 질문하기와 다운받기와 초등과정이 모인 티스토리를 편리하게 사용하세요.

 

 

 

 

2020. 07. 30

요 며칠간 iframe에 대해서 배우고 있어요.
영상 아래에 수학 개념이나 내용을 적고 스크롤을 해도 영상은 그대로 있고, 글만 스크롤되게 하고 싶은데, 쉽지가 않네요.ㅠㅠ
블로그에는 body테그를 쓸 수 없으니 알려주는 사람들은 모두 홈페이지를 기준으로 설명을 해서 문외한은 너무 힘듭니다. ㅋㅋ
제가 얼른 배워서 티스토리 전용 글쓰는 방식을 또 가르쳐야 겠어요. ㅎㅎ
다음에 할 컨텐츠는 이걸로 잡아야겠어요. 밖에는 비가 앞이 안보일 정도로 어마무시하게 오는군요.오늘 글은 여기까지!!!
감사합니다.