免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 发帖

Rank: 9Rank: 9Rank: 9
1# 跳转到 » 倒序看帖
打印
tT
forwe发表于 2018-4-15 19:49 | 只看该作者

HTML基础标签

  1. <!-- HTML标签 -->
  2. <html>
  3.         <!-- 网页头部 -->
  4.         <head>
  5.                 <!-- 设置字符集为UTF-8 -->
  6.                 <meta charset="utf-8">
  7.                 <!-- 链接CSS样式表 （外部样式表）-->
  8.                 <link rel="stylesheet" href="css.css">
  9.                 <!-- 网站标题 -->
  10.                 <title>HTML基础标签</title>
  11.                 <!-- 内部样式表 -->
  12.                 <style>
  13.                 *{
  14.                         margin: 0px;
  15.                         padding: 0px;
  16.                 }
  17.         </style>
  18.         </head>
  19.         <body>
  20.                 <!-- 标题标签（h1---h6） -->
  21.                 <h1>我是H1</h1>
  22.                 <!-- 段落标签 -->
  23.                 <p>我是段落P</p>
  24.                 <!-- 链接标签 -->
  25.                 <a href="">我是a链接</a>
  26.                 <!-- 图像标签 -->
  27.                 <img src="" alt="我是（图像）替换文本">
  28.                 <!-- 水平线 -->
  29.                 <hr>
  30.                 <!-- 换行标签 -->
  31.                 <br>
  32.         </body>
  33. </html>


  36. 块级元素
  37.         注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。


  40. a标签：HTML 链接语法
  41.         <a href="url">Link text</a>
  42.         HTML 链接 - target 属性
  43.         使用 Target 属性，你可以定义被链接的文档在何处显示。
  44.         _blank:新窗口打开
  45.         _parent:父窗口打开
  46.         _self:当前窗口
  47.         <a  target="_blank">Visit W3School!</a>

  49. img:图像标签（<img>）和源属性（Src）
  50.         在 HTML 中，图像由 <img> 标签定义。
  51.         <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
  52.         要在页面上显示图像，你需要使用源属性（src）。

  54.         src 指 "source"。源属性的值是图像的 URL 地址。

  56.         定义图像的语法是：
  57.         <img src="url" />

  59.         替换文本属性（Alt）
  60.         <img src="boat.gif" alt="Big Boat">
  61.         在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息

  63.         图像对齐
  64.         <img src ="/i/eg_cute.gif" align ="left">
  65.         带有图像的一个段落。图像的 align属性设置为"left"。图像将浮动到文本的左侧。
  66. 网页布局

  68.         HTML5         语义元素
  69.         header        定义文档或节的页眉
  70.         nav                定义导航链接的容器
  71.         section        定义文档中的节
  72.         article        定义独立的自包含文章
  73.         aside        定义内容之外的内容（比如侧栏）
  74.         footer        定义文档或节的页脚
  75.         details        定义额外的细节
  76.         summary        定义 details 元素的标题


  79. HTML 块元素(独占一行)
  80.         块级元素在浏览器显示时，通常会以新行来开始（和结束）。
  81.         例子：<h1>, <p>, <ul>, <table>

  83.         HTML <div> 元素
  84.         HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
  85.         <div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

  87. HTML 内联元素
  88.         内联元素在显示时通常不会以新行开始。
  89.         例子：<b>, <td>, <a>, <img>

  91.         HTML <span> 元素
  92.         HTML <span> 元素是内联元素，可用作文本的容器。
  93.         <span> 元素也没有特定的含义。
复制代码
收藏 分享

返回列表