html

作者: 勇者与王者 | 来源:发表于2019-10-22 11:52 被阅读0次

使用小写

HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

<!DOCTYPE HTML>
<h3>This is a heading</h3> 标题
<p>This is a paragraph.</p> 段落
<h4 align="left">4级标题——居左对齐</h4>
<h5 align="center">5级标题——居中对齐</h5>
<h6 align="right">6级标题——居右对齐</h6>

<a href="http://www.w3school.com.cn">This is a link</a> 标记中间的是链接的显示名称

<img src="w3school.jpg" width="104" height="142" />

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。如 <a> 中插入 <a href="http://www.w3cschool.com.cn"> this is a link</a>

<hr /> 水平线

注释

<br /> 手动换行

所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

<h2 style="background-color:red">This is a heading</h2>
background-color:red

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>在HTML页中插入图片</title>

<body>
<img src="bcdd.jpg" width="400" height="400">
</body>

</head>

</html>

<header>
</header>

<footer> 脚注
</footer>

<section> 章节
</section>

<aside>侧栏</aside>

<nav>导航链接</nav>

<select>下拉列表标记
<option value="1">吉林省</option>
</select>

HTML
标签忽略大小写 建议小写
<head>
<meta charset="utf-8">
<title>网站信息显示页面</title>
</head>
<body>

</body>

<br /> 换行标签

标题 加粗加黑显示 最小层级 h6

水平线:
<hr />
<hr size="5"/>
<hr noshade="noshade">

size 水平线的高度 单位像素
noshade: 没有阴影

段落标签:
<p>段落内容。。。</p>

字体标签:
color属性 size 1~7 变大
加粗:<b>加粗文字</b>
斜体:<i> 斜体文字</i>

<font color="blue" size="7" >文字为蓝色文字,html<b>黑马就业班</b></font>

图片标签:
图片的位置属性:src
图片尺寸属性:width height
图片无法正常显示的提示文字:alt=""
<img src="img\logo2.png" width="150px" height="30px"/>

列表标签:

超链接:
href="#" 表示点击无反应
target 为 _blank 代表打开浏览器新标签页
target 为 _self 即 在当前标签跳转
<a href="index.html" target="_blank">点我有惊喜</a>

友情链接:
记得加http:// 以及 文字要放到<a></a> 标签之间
<li><a href="http://www.taobao.com" target="_blank">阿里巴巴</a></li>

列表:
有序列表
<ol>
<li>Milk</li>
<li>Fruit</li>
</ol>

无序列表
<ul>
<li>列表项</li>
</ul>

表格:
border:边框
align:居中还是居左位置
bgcolor:背景颜色
cellspacing:边框与边框的间距
<table border="1px" width="450px" height="150px" align="center" bgcolor="green" cellspacing="0px">
<tr>
<td colspan="2">11</td>

<td>13</td>
<td>14</td>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td rowspan="2">33</td>

<td>34</td>
</tr>
<tr>
<td>41</td>
<td>42</td>

<td>44</td>
</tr>

表格合并操作:
colspan
rowspan

相关文章

  • 基础编程语言学习线路图

    HTML HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTML段落HT...

  • HTML头部-10

    HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML ...

  • html 大纲

    html 通用 html 简介 html 常用标签 html 属性 html 表格 html 字体 html 表单...

  • web 前端学习线路图

    一、HTML 教程 HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTM...

  • 2018-06-04——HTML简介

    HTML 简介 HTML 标签 ·HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 ·HTML...

  • HTML 基础

    HTML 标题 HTML 段落 HTML 链接 HTML 图像 HTML 文本格式化标签 HTML ...

  • html常用的基本标签

    HTML基础包括web工作原理,HTML概述,HTML基本标签和HTML高级标签。 〈html〉...〈/html...

  • Html 学习笔记

    HTML基础 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) HTML 标签通...

  • HTML:基础(2)元素

    HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素语法 HTML 元素以开始标签起始 HTML...

  • 2018-10-29 第二阶段 day1 htm

    1.html说明 说明html版本html5-- ...

网友评论

      本文标题:html

      本文链接:https://www.haomeiwen.com/subject/qchqvctx.html