HTML入门必知
这次给大家带来HTML入门必知,HTML入门必知的注意事项有哪些,下面就是实战案例,一起来看一下。
一、简介
1、超文本标记语言(Hyper Text Mark Language),是一种创建网页的标准标记语言,由浏览器来解析。
2、文档后缀名为.html或htm,html文件也叫web页面;
3、HTML中不支持空格、回车、制表符,它们都会被解析成一个空白字符;
4、HTML标签通常是成对出现的,格式:
5、只有
标签内的内容才会在浏览器中显示;6、HTML语言不区分大小写;
7、
8、helloworld!
<!DOCTYPE html> <!--声明HEML版本--> <html> <head> <meta charset="utf-8"> <!--声明编码方式--> <title>helloworld!</title> </head> <body> helloworld! </body> </html>
二、标签
(一)基本
<html> </html> HTML页面根元素 <head> </head> 包含文档的元数据(meta) <title> </title> 文档标题,存书签时也显示此内容 <body> </body> 包含了页面的可见内容 <h1> </h1> 大标题,往下每一级标题依次h2,h3的类推,最小标题是h6 <p> </p> 段落 <a href=""> </a> 链接,中间内容为显示内容,例:<a href="http://www.baidu.com">百度</a>;如果target="_blank",链接会在新的窗口中打开 <img src="address" width="3" height="5" /> 图像,alt属性可在浏览器无法载入图像时显示文本 <iframe></iframe> 框架,使用src属性指向不同的URL,达到一个窗口显示多个页面的目的; <br> 换行符,属于一个空元素,即没有内容的元素,空元素是在开始标签中关闭的<br/> <hr> 分割线 <div> </div> 区块,可用于组合其他元素的容器;可使用它进行布局; <span> </span> 用来组合文档中的行内元素; <!doctype html> 声明html版本,不区分大小写
(二)文本格式标签
<strong> </strong> 加粗显示之间的文字,也可用<b></b> <em> </em> 斜体,也可用<i></i> <big> </big> 放大 <small> </small> 缩小 <sub> </sub> 下标文字 <sup> </sup> 上标文字 <ins> </ins> 下划线 <del> </del> 删除线
(三)引文、引用及标签定义
<abbr> </abbr> 缩写,被缩写的内容用title属性来体现 <address> </address> 定义地址,通常被包含在<footer>元素的其他信息中 <bdo> </bdo> 定义文字方向,默认值为从左到右,可用dir="rtl"来改为从右到左显示 <blockquote> </blockquote> 定义长的引用,可用cite="URL"来规定引用的来源 <q> </q> 定义短的引用,属性cite <cite> </cite> 定义引用、引证 <dfn> </dfn> 定义一个定义项目
(四)
1“计算机输出”标签1 <code> </code> 定义计算机代码 2 <kbd> </kbd> 定义键盘码 3 <samp> </samp> 定义计算机代码样本 4 <var> </var> 定义变量 5 <pre class="brush:php;toolbar:false">定义预格式文本
(五)head元素内包可含元素
<title> </title> <base> 定义了页面的默认链接地址,通过href属性来实现 <link> 定义了文档和外部资源的关系,通常可用rel,type,href等属性 <meta> 定义了文档中的元数据,可有name,content,charset等属性 <script></script> 用于加载脚本文件 <style></style> 定义了HTML文档的样式文件
(六)图片标签
1 <img> 2 <area> 定义带有可点击区域的图像,可有shape,coords等属性,来画各种图形 3 <map></map> 带有可点击区域图像映射,必须有name属性,中间可包含area元素;
(七)表格标签
<table></table> 定义表格,表格的所有内容都应放在里边;属性border=“1”定义了边框大小 <caption></caption> 表格标题 <tr></tr> 表格每一行的内容; <td></td> 一个单元格的内容; <thead></thead> 表格第一行; <th></th> 表头内容,即第一行每一格内容; <tbody></tbody> 表格主体; <tfoot></tfoot> 表格最后一行; <colgroup></colgroup> 表格列的组; <col></col> 表格列的属性;
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
Atas ialah kandungan terperinci HTML入门必知. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.
