HTML 기본 참고사항(권장)-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML 기본 참고사항(권장)

黄舟

Dec 21, 2016 pm 04:07 PM

html

一，网页基础结构：

<html>  
    <head>  
                <title>我的第一个网页</title>  
    </head>  
    <body>  
                这是我的第一个网页   
    </body>  
</html>

로그인 후 복사

注意：在HTML中，标签大部分都是成对出现的。有开始就有结束

如果不是成对出现的标签，在标签的后面加上/表示结束。

二、基本标签

1、h1-h6 标题标签
2、em 斜体
3、strong 粗体
4、hr 切割线
5、br 换行
6、p 段落标签
7、特殊符号，空格
8、> 特殊符号,>
9、< 特殊符号，<
10、" 特殊符号，"
11、© 特殊符号，版权符号
12、注释
13、img 图片标签

属性：src:图片的路径，alt:当图片找不到时，显示的文字
title:鼠标悬浮显示的文字
用法：

14、a 超链接标签
属性：href:链接到哪里去
用法：
链接
锚链接
先在一个位置写上
然后另一个位置写上
点击这个链接，会找到这个？所在的位置

用法：
链接到这了来
 从这了链接

15、ul-li 无序列表
用法：

列表项1

列表项n

注意：没有顺序，每一个li就是一行
默认情况下，每一个li前面都有一个实心小点

16、ol-li 有序列表
用法：

列表项1

列表项n

就是将无序列表的实心小点换成了序号

17、dl-dt-dd定义列表
用法：

标题1: 内容1
标题2: 内容2

实现效果：
标题1
内容1
标题2
内容2

18、表单元素
a、text 单行文本框
b、password 密码框
c、radio 单选按钮
d、file 文件选择器
e、checkbox 复选框
f、select 下拉列表
g、submit 提交按钮
h、reset 重置按钮
i、textarea 文本域

用法：
<br>12345678941515641<br>

j、form标签提交标签
语法：

如果action为空，则表示提交到当前页面
method可选属性：post、get
post安全性高，提交的信息不会显示在地址栏
get安全性较低，提交的信息显示在地址栏
如果不写method属性，默认是get

k、input标签可选值：就是表单元素a-i

l、select 下拉列表

用法：

m、名字：关联表单

作用：点击名字这两个字，鼠标会聚焦在名字后面的文本框中

三、注意：
1、标签名应该小写
2、HTML标签应闭合（结束）
3、标签应正确嵌套

四、表单属性
1、readonly="readonly" 只读
2、disabled="disabled" 禁用

五、表格
1、什么是表格？
最简单的就是队列，表格之间，可以写东西

2、表格怎么使用？
先画一个大框，再画每一行，再画每一列

3、数据或者说是元素都可以放在td里面

4. 테이블의 일부 속성:
width: 너비 설정
border: 테두리의 두께
align: 정렬, 가장 일반적인, 가운데, 가로 정렬
valign: 정렬 , 가장 일반적인 공통, 중앙, 상단 및 하단 정렬
cellspacing="20": 그리드와 그리드 사이의 거리, 기본값은 0입니다.
cellpadding="20": 콘텐츠와 그리드 사이의 거리 그리드의 경우 기본값도 0입니다
bgcolor: 배경색 변경

5. 병합:
colspan="2": 셀 병합, 가로 병합
rowspan="2" : 셀 병합, 세로 병합

위 내용은 HTML 기본 노트 내용입니다(권장). 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

자바 튜토리얼

1658

Cakephp 튜토리얼

1415

라라벨 튜토리얼

1309

PHP 튜토리얼

1257

C# 튜토리얼

1231

Related knowledge

HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? Feb 07, 2025 am 11:57 AM

이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다