코딩 이야기
HTMl 내용정리(수업2일차) 본문
728x90
이 페이지는 설명만 적혀있으며 실제 적용 사례를 보고싶을지 블로그에 사이트정리글에 가서 링크타면 있다 알아서 찾자
*2일차라 적었지만 수업에서 다배운것은 아니고 정리글하나 올리자 싶어서 태그정리를 한다.
<!--주석표시-->종료태그
<!DOCTYPE html> !-- html5 가되면서 필수적으로 적어야된다 !의 단축키로 적을 수 있다.
<html> 웹페이지의 시작
<head> 웹페이지의 머리 부분을 가르침
<title> 웹 페이지 정보 제공
<meta charset="UTF-8"> 이게없으면 한글이 깨진다
<title></title> 페이지 제목 (예:네이버페이지의 Naver 을 담당)
</head>
<body> 웹페이지의 내용
</body>
</html>웹페이지의 끝마침
헤딩
웹 페이지의 머리기사 <h1~h6>1부터 크기가 작아진다.
단락
<p> 이것이 하나의 단락입니다 </p>
여기서 p는 단락을 의미하며 /p로 종료태그를 달아 주는 것이 용이하다. 안에 적은 텍스트는 하나의 단락으로 웹페이지에 표시된다.
*p 안의 문단을 끊고 내리고 싶다며 <br> 태그를 이용 닫는 태그없슴
텍스트 서식
<b>볼드체(글꼴)
<i>이탤릭체(글꼴)
<stong>(텍스트 강하게 표시)
<em>(택스트 강조)
<code>(택스트가 코드임을 표시)
<sup>위첨자
<sub>아래 첨자
<hr>(수평선)
리스트
<ul>번호 없는 리스트
<li>리스트 항목
<ol>번호 있는 리스트
<li>리스트항목
<dl>정의 리스트 항목의 정의(설명) 표시되는 리스트
<dt>단어
<dd>단어설명
링크
<a> </a>링크 주로 href 를 넣어 <a herf="링크주소">링크택스트> 이런식으로 사용
target 속성을 이용하여 링크의 페이지 지정을 할 수 있다.
_blank 새로운 윈도우에서 웹페이지를 연다.
_set 현재 윈도우에 새로운 페이지를 적재한다.
_parent 부모 프레임에 새로운 페이지를 적재한다.
_top 현재 윈도우에 새로운 페이지를 적재하고 모든 프레임을 취소한다.
id 속성을 이용하여 북마크 정의가능
<a herf="링크주소">
<a id="링크주소" 아무내용</a>
이미지
<img> 이미지태그 src 는 속성
<img src="이미지파일이름" width="가로크기 heught="세로크기">
<img src="이미지파일이름" alt=" 이미지 표시 미출력시 표기되는 텍스트">
테이블(표)
<table border="1"> 테이블
<tr>
<td>홍길동</td> 첫번째행
<td>98</td>
</tr>
<tr>
<td>김철수</td>두번째행
<td>80</td>
</tr>
</table>
<tr>태그안에 <th>태그를 넣어 헤더생성|
홍길동
|
98
|
|
김철수
|
80
|
728x90
'HTML' 카테고리의 다른 글
| HTMl 수업3일차 내용 정리 (2) (0) | 2022.12.30 |
|---|---|
| HTML 3일차 정리 (0) | 2022.12.30 |
Comments