html과 css코드 해석

html과 css코드 해석

작성일 2020.11.24댓글 1건
    게시물 수정 , 삭제는 로그인 필요

<!DOCTYPE html>
<html lang="ko">
<head>

<title>이력서</title>
<style type="text/css">
h1 {
text-decoration-line: underline;
font-size: 20px;
}
table {
text-align: center;
border-collapse: collapse;
}
td {
height: 30px; font-size: 12px; font-weight: bold;
}
input {

}
</style>


</head>
<body>
<center> <h1>이&nbsp&nbsp력&nbsp&nbsp서</h1></center>
<table border="1" align="center">
<tr>
<td rowspan="3" width="100px">사진</td>
<td rowspan="2" width="100px">성명</td>
<td rowspan="2" width="100px"></td>
<td width="300px">주민등록번호</td>
</tr>

<tr>
<td>111111-1111111</td>
</tr>

<tr>
<td colspan="3">생년월일</td>
</tr>

<tr>
<td> 주소</td>
<td colspan="3"> 주소</td>
</tr>
</table>
<br>

<table border="1" align="center">
            <tr>
                <td colspan="3" rowspan="2" width="120px">연락처</td>
                <td width="50px">집</td>
                <td width="120px">자택번호</td>
                <td rowspan="2" width="100px">e-mail</td>
                <td rowspan="2" width="205px">[email protected]</td>
            </tr>
            <tr>
                <td width="50px">핸드폰</td>
                <td width="120px">010-xxxx-xxxx</td>
            </tr>

            <tr>
            <td colspan="3">년 월 일 </td>
            <td colspan="3"> 학력 및 자격증</td>
            <td > 발행처</td>
            </tr>

            <tr>
            <td> 2012</td>
            <td> ?</td>
            <td>?</td>
            <td colspan="3">서울 xx중학교 졸업</td>
            <td> 서울 xx중학교 졸업장 발행</td>
            </tr>
        </table>
<br>

<table border="1" align="center">
<tr>
<td>자기 소개서</td>
</tr>
<tr>
<td><textarea cols="83" rows="20"placeholder="자기소개를 입력하세요."></textarea></td>

</tr>
</table>
<p align="center">
<input   type="button" value="전송"  > </p>

</body>
</html>

여기서 코드 전부 해석이나 뜻을 알려주실 수 있나요? 공부하고 있는데 어떤 의미를 가지는지 잘 모르겠어서 이해가 안됩니다ㅜㅜ



profile_image 익명 작성일 -

<!DOCTYPE html> <html lang="ko"> <head> <title>이력서</title> <style type="text/css"> h1 { // h1인 엘리먼트에 스타일을 줍니다. text-decoration-line: underline; // 글자에 밑줄을 긋는 css 입니다. font-size: 20px; // 폰트 사이즈를 20px 로 바꾸는것 } table { // table 인 엘리먼트에 스타일을 줍니다. text-align: center; // 글자 가운데 정렬 border-collapse: collapse; // 테이블의 테두리를 그릴때 나눠져 있지않고 (중간에 간격이 있지 않고 우리가 알고 있는 일반적인 엑셀 표의 모습)으로 보여지게 합니다. } td { // table안의 셀 속성에 스타일을 줍니다. height: 30px; font-size: 12px; font-weight: bold;// 높이가 30px , 폰트사이즈가 12px 폰트 굵기가 굵게 } input { // input인 엘리먼트에 스타일을 줍니다. 일반적으로 텍스트 입력창이나, 체크박스, 라디오 등이 input에 해당합니다. } </style> </head> <body> <center> <h1>이&nbsp&nbsp력&nbsp&nbsp서</h1></center> <!-- <center>라는 element 안에 h1을 넣습니다. 가운데 정렬을 하는듯한데 요즘은 <center>라는 엘리먼트를 거의 사용하지 않으며 스타일에서 h1에 text-align:center 속성을 집어 넣는 것이 요즘더 많이 사용하는 방법입니다. --> <table border="1" align="center"> <!--table 속성에 테두리의 사이즈가 1px이고 텍스트 정렬을 가운데로 하는 속성이 들어가 있습니다. --> <tr> <td rowspan="3" width="100px">사진</td> <td rowspan="2" width="100px">성명</td> <td rowspan="2" width="100px"></td> <td width="300px">주민등록번호</td> </tr> <!-- tr은 테이블의 한 줄을 이야기 하고 td는 그 안에 들어가는 셀을 뜻합니다. rowspan 은 열 병합(아래 방향으로 셀이 합쳐짐)을 이야기 하는데, rowspan="3"은 3줄을 병합 하는 것을 말합니다. width:100px; 은 셀의 가로사이즈가 100px 임을 말합니다. --> <tr> <td>111111-1111111</td> </tr> <tr> <td colspan="3">생년월일</td> <!-- colspan은 오른쪽 방향으로 셀이 합져지는 것입니다. 3은 오른쪽으로 3칸까지 셀이 합쳐진다는 이야기 입니다.--> </tr> <tr> <td> 주소</td> <td colspan="3"> 주소</td> </tr> </table> <br> <table border="1" align="center"> <!-- 위에서 설명한 내용과 같습니다. --> <tr> <td colspan="3" rowspan="2" width="120px">연락처</td> <td width="50px">집</td> <td width="120px">자택번호</td> <td rowspan="2" width="100px">e-mail</td> <td rowspan="2" width="205px">[email protected]</td> </tr> <tr> <td width="50px">핸드폰</td> <td width="120px">010-xxxx-xxxx</td> </tr> <tr> <td colspan="3">년 월 일 </td> <td colspan="3"> 학력 및 자격증</td> <td > 발행처</td> </tr> <tr> <td> 2012</td> <td> ?</td> <td>?</td> <td colspan="3">서울 xx중학교 졸업</td> <td> 서울 xx중학교 졸업장 발행</td> </tr> </table> <br> <table border="1" align="center"> <tr> <td>자기 소개서</td> </tr> <tr> <td><textarea cols="83" rows="20"placeholder="자기소개를 입력하세요."></textarea></td> <!-- textarea는 긴글을 입력할 때 쓰는 입력폼입니다. cols="83"은 가로로 83자의 글이 들어갈 사이즈 rows="20"은 20줄이 들어갈 사이즈를 말합니다. 그 이상으로도 글이 들어갈 수는 있지만,사이즈를 최소 이정도로 설정하겠다.라는 뜻입니다. 설정하지 않으면 기본 사이즈로 제공 됩니다. rows나 cols로 설정하지 않고 그냥 width, height로 사이즈를 설정할 수도 있습니다. </tr> </table> <p align="center"> <!-- p 엘리먼트 안에 들어갈 텍스트를 가운데 정렬합니다. 다만 엘리먼트에 align 속성을 바로 넣는것은 요즘 사용하지 않는 추세 입니다.--> <input type="button" value="전송" > <!-- input type="button"은 일반적인 input은 값을 받는 모양을 하지만 이 경우에는 버튼의 모습을 띄며 버튼의 기능을 합니다. <button>와 같은 기능을 하고, form안의 submit을 처리한다고 보면 됩니다.--> </p> </body> </html>

html과 css코드 해석

... 여기서 코드 전부 해석이나 뜻을 알려주실 수 있나요? 공부하고... // 글자에 밑줄을 긋는 css 입니다. font-size: 20px; // 폰트 사이즈를 20px 로...

HTML,CSS,JS,JSP 몇 가지 질문드립니다

... 문서(HTML 등)을 반환합니다. 5. 브라우저의 수신 및 재요청 : 브라우저가 받은 문서를 해석하고, 추가적으로 필요한 부분(CSS, 자바스크립트 및 이미지 등)을...

웹개발) html, css, JS 등을 분리해놓은...

... 그냥 html 안에서 js 코드를 만들어서작업하거나 js... 지금 질문하시는분은 웹개발) html, css, JS 등을... 내장된 해석기능을 이용한 클라이언트 기반의 일종의 스크립트...

HTML, CSS, 자바스크립트

... HTML, CSS, 자바스크립트 차이점이 뭔가요? 그리고 html에서 소스 다외워서 해야하나요?... ( 이런식으로 무조건 테이블로만 짜놓으니 코드 해석하기 정말 어렵습니다..)...

html코드가 마이크로소프트 엣지와...

... 꼬이네요 html코드에 style로 css를 넣었기에 css문제는 아닌것같고 어떤게... 이러한 차이는 브라우저의 CSS 처리 방식, HTML 요소 및 스타일 속성의 해석, 레이아웃 엔진...

CSS코드 해석

#slide1: checked ~ . btn_slide li { display: none !important ; } 이게 뭔뜻인가요? 음~ 아이디가 slide1이 체크되어 있고 인접 형제 요소 중 클래스가 btn_slide...

html css 개론서 질문

... 보내고자 html,css 개론서를 구입하여 그 책을 보면서... html은 웹 브라우저가 해석하고 보여지게 만드는 언어입니다. 서버 그런건 필요 없고, 비주얼 스튜디오 코드 쓰면...