HTML超文本标记语言

HTML

文章目录

  • HTML
    • 1.什么是HTML?
    • 2.第一个HTML页面
    • 3.基本标签
    • 4.图像标签
    • 5.超链接标签及应用
    • 6.行内元素和块元素
    • 7.列表
    • 8.表格标签
    • 9.媒体元素
    • 10.页面结构分析
    • 11.iframe内联框架
    • 12.初识表单
    • 13.表单的应用
    • 14.表单初级验证


1.什么是HTML?

HTML是一种超文本标记语言,是一种浏览器上的规范

超文本是指,流媒体,声音,视频,图片等

标记语言 由大量的标签组成

2.第一个HTML页面



<html>

<head>

    <meta charset = "UTF-8">
    
    <title>Hellotitle>
head>

    
    <body>
    
    这是我的第一个HTML页面
    body>
html>

3.基本标签

  1. 标题标签
  2. 段落标签
  3. 换行标签
  4. 水平线标签
  5. 字体样式标签
  6. 注释和特殊符号


<html>

<head>
    
    <meta charset = "UTF-8">
    
    <title>基本标签title>
head>


<body>

<h1>一级标签h1>
<h2>二级标签h2>
<h3>三级标签h3>
<h4>四级标签h4>
<h5>五级标签h5>
<h5>六级标签h5>
HTML是一种超文本标记语言,是一种浏览器上的规范
超文本是指,流媒体,声音,视频,图片等
标记语言   由大量的标签组成

<p>HTML是一种超文本标记语言,是一种浏览器上的规范p>
<p>超文本是指,流媒体,声音,视频,图片等p>
<p>标记语言   由大量的标签组成p>


HTML是一种超文本标记语言,是一种浏览器上的规范 <br>
超文本是指,流媒体,声音,视频,图片等 <br>
标记语言   由大量的标签组成


<hr/>




<br>
粗体:<strong>THERstrong>
斜体:<em>THERem>


<br>
空        格
空      <br>
大于号:>
<br>
小于号:<

body>
html>

4.图像标签

常见的图像格式:JPG,GIF,PNG,BMP……

HTML超文本标记语言_第1张图片

<html>
<head>
    <meta charset = "UTF-8">
    <title>图像标签学习title>
head>

<body>


<img src="../resources/image/Cat.png" alt="Cat"title="一只可爱的猫猫(悬停文字)"width="500"height="300">
body>
html>

5.超链接标签及应用

  • a标签
    • href:必填,表示要跳转到那个界面
    • target:表示新标签页在哪里打开(默认在当前标签)
      • _blank:新一个标签页
      • ​ _self:当前标签页
  • 锚链接 (页面内的跳转)
    • 1.需要一个锚标记
    • 2.跳转到标记处
  • 功能性链接
    • 邮件链接:mailto:
    • QQ链接:qq推广

举例:

<html>
<head>
    <meta charset = "UTF-8">
    <title>链接标签学习title>
head>

<body>

<a name="top">a>

<a href="hello.html"target="_parent">点击我跳转到页面1a>
<br>
<a

你可能感兴趣的:(JavaWeb,html5,html)