종강 이후 일주일간의 휴일을 마치고,
오늘 생활코딩을 통한 공부를 처음 시작해보았다.
너무 큰 기대는 하지 않으려고 한다.
주어는 '생활코딩'이 아니라 '나와 코딩'간의 관계다.
처음의 너무 큰 욕심과 기대가 결과에 악영향을 끼치는 사례가 내 인생에서 너무도 많았다.
따라서 지금 내게 가장 필요한 것은 그것들을 덜어내는 과정이다.
나의 차근차근 한 발짝 걸어나가는 힘은
몸의 긴장을 덜어내는 것에서부터 길러진다.
오늘은 HTML에 대해서 4시간의 강의를 수강했다.
1. 태그
태그는 <h1>, <strong>과 같이 '<***>' 형식으로 표현된 것이다. 이것은 각각 어떤 기능을 갖고 있는 것들이다.
태그는 한쌍을 이루어서 사용하는 것처럼 보인다. 시작은 <***> , 끝은 </***> 형태로 나타나며 후자는 해당 태그가 적용되는 끝단을 의미한다.
(한 쌍을 이루지 않는 것도 있다. ex) <br>)
1) <p>,</p> vs <br>
br은 줄을 나누고 p는 단락 구분을 표시(쌍을 이룸)
대부분 p가 좋은 선택임. p는 css를 조합하여 다양하게 꾸밀 수 있는 것으로 보임!
2) 리스트, 테이블
테이블
<style>
table {
border: 1px solid #444444;
border-collapse: collapse;
}
th, td {
border : 1px solid #444444;
padding: 10px;
}
</style>
<table>
<tr>
<th>head</th>
<td>98.1%</td>
</tr>
<tr>
<th>body</th>
<td>97.9%</td>
</table>
리스트 (ul은 unordered)
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
2. meta , head ,body
<!doctype html>
<html>
<head>
:::
</head>
<body>
::::
</body>
</html>
3. 하이퍼 텍스트
<a href=" link name " target="_blank"> text </a>
여기서 target=blank 부분은 새창에서 열리게 하는 것임.
4. 애기 인터넷
클라이언트와 서버의 관계에 대해서 배웠다.
당연한 것처럼 불렀던 클라이언트와 서버가 고객과 서비스 제공자에서 나왔다는 것은 처음알았다.
더 나아가 웹호스팅에 대해서 배움.
호스팅이라는 것은 내가 갖고 있는 것을 갖고 호스트가 되어줄 누군가를 찾는 것!
'생활코딩 > HTML & WEB' 카테고리의 다른 글
| Input type (0) | 2021.01.21 |
|---|---|
| <a href의 target 속성> (0) | 2021.01.21 |
| <div> <span> (0) | 2021.01.21 |
| 채팅/댓글/구글 애널리틱스/동영상 삽입 (0) | 2020.12.29 |
| 진로? (0) | 2020.12.29 |