HTML-1笔记
HTML##
HTML元素###
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
HTML 元素语法####
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止，结束标签比开始标签多了一个/
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
注意：HTML标签对大小写不敏感:<P>等同于<p>#####
HTML属性###
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：height="120"。
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号(比如名字），那么必须使用单引号
name='lala"lalala"lala'
属性例子#####
简单基础的例如<h1>定义标题的开始，<h1>~<h6>则是定义标题大小,
属性和属性值对大小写不敏感#####
实际操作###
未使用HTML专业编辑器
使用记事本编译以下代码
<!DOCTYPE HTML>
<html>
<body>
<h1>我的第一个标题</h1>
<h2>我的第一个标题</h2>
<h3>我的第一个标题</h3>
<h4>我的第一个标题</h4>
<h5>我的第一个标题</h5>
<h6>我的第一个标题</h6>
<p>我的第一个段落</p>
</body>
</html>
文件扩展名为.html
结果如下
细碎知识点###
1.浏览器会自动地在标题的前后添加空行，默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
2.<br>开始为换行，后面是空元素<br/>结束,<br/>拆入空行
3.<hr/> 标签在 HTML 页面中创建水平线。
4.在代码中加入注释<!--这是一段注释-->
5.拆行<p>This is<br />a para<br />graph with line breaks</p>
HTML样式###
style 属性的作用：
提供了一种改变所有 HTML 元素的样式的通用方法。#####
text-align 属性规定了元素中文本的水平对齐方式：
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
格式如下：
<h1 style="font-family:verdana;text-align:center;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
实际操作#####
<!DOCTYPE HTML>
<html>
<body style="background-color:green">
<h1>我的第一个标题</h1>
<h2 style="background-color:red">我的第一个标题</h2>
<h3>我的第一个标题</h3>
<p style="background-color:blue">This is a paragraph.</p>
</body>
</html>
效果如下
HTML文本格式化###
文本格式化#####
| 标签 | 描述 |
|---|---|
<b> |
定义粗体文本。 |
<big> |
定义大号字。 |
<em> |
定义着重文字。 |
<i> |
定义斜体字。 |
<small> |
定义小号字。 |
<strong> |
定义加重语气。 |
<sub> |
定义下标字。 |
<sup> |
定义上标字。 |
<ins> |
定义插入字。 |
<del> |
定义删除字。 |
| 格式如下： |
<big>This text is big</big>
预格式文本#####
<pre>预格式文本可保留多个空格和换行。</pre>
地址#####
<address>
quoted from<a href="http~~~~~.com">名称</a>
<address>
<address> 元素定义文档或文章的联系信息（作者/拥有者）,此类内容多为斜体展示。
缩写和首字母缩写#####
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
title 可用于展示表达的完整版本。
改变文字方向#####
下列文字从左输出
<bdo dir="rtl">
Here is text
</bdo>
浙公网安备 33010602011771号