狂神Java学习笔记——HTML(一)

初识HTML

  • HyperTextMarkupLanguage(超文本标记语言)

  • < body >、< /body>等成对的标签,分别叫做开放标签和闭合标签,单独呈现的标签(空元素),如< hr/ >;意为用/来关闭空元素。
  • html注释:< !–注释内容–>



<html lang="zh">

<head>


    <meta charset="UTF-8">
    <meta name="keywords" content="hyx的java学习">
    <meta name="description" content="一起来学习java">
    
    <title>Titletitle>
head>

<body>
Hello World!
body>
html>

网页基本标签

  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签title>
head>
<body>

<h1>一级标签h1>
<h2>二级标签h2>
<h3>三级标签h3>
<h4>四级标签h4>
<h5>五级标签h5>
<h6>六级标签h6>

<p>p换行1p>
<p>p换行2p>

<hr/>

换行1 <br/>
换行2 <br/>


<h1>字体样式标签h1>
粗体:<strong>I love you strong><br/>
斜体:<em>I love you em><br/>

空格:1 2  3   4<br/>
空格:1 2  3   4<br/>
大于号><br/>
小于号&rt;<br/>
版权符号©<br/>

body>
html>
  • 图像标签
  • 链接标签

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像和链接标签title>
head>
<body>

<img src="../xxx.jpg" alt="oops!图像不见了" title="123">
<br/>

<a href="https://www.baidu.com" target="_blank" title="123">你xxxx不会百度吗a>
<br/>
<a href="https://www.baidu.com"><img src="../xxx.jpg" alt="oops!图像不见了">a>

<a name="top">a>
<a href="#top">回到顶部a>
<br/>

<a href="https://www.baidu.com#down">百度底部a> <br/>

<a href="mailto:xxxxxxqq.com">点击联系我a>
<a target="_blank"
   href="http://wpa.qq.com/msgrd?v=xxx&uin=&site=qq&menu=yes">
    <img border="0"
         src="http://wpa.qq.com/pa?p=2::52" alt="点击这里加我领取小电影"
         title="点击这里加我领取小电影"
    />
a>
body>
html>
  • 行内元素和块元素
  • 块元素
    • 无论内容多少,该元素独占一行
    • (p h1-h6)
  • 行内元素
    • 撑开宽度,左右都是行内元素的可以排在一行
    • (a strong em …)

你可能感兴趣的:(追随狂神学Java)