文章标题

最新推荐文章于 2023-11-16 11:50:34 发布

Done_boy

最新推荐文章于 2023-11-16 11:50:34 发布

阅读量303

点赞数

本文链接：https://blog.youkuaiyun.com/a626361893/article/details/52930957

版权

HTML学习

HTML是用来描述网页的一种语言
— HTML指的是超文本标记语言（Hyper Text MarKup Language）
— HTML不是一种编程语言，而是一种标记语言（MarKup language）
—标记语言是一套标记标签（markup tag）
—HTML使用标记标签和描述网页

对以上HTML的基本概念先有一定的了解。

HTML标题
通过< h1 > - < h6 >等标签进行定义。
1.确保将HTML heading标签只用于标题
2.浏览器会自动地在标题的前后添加空行

HTML段落
通过< p > 标签进行定义
1.浏览器会自动地在段落的前后添加空行
2.不要忘记使用结束标签，在未来的HTML版本中，不允许省略结束标签

HTML链接
通过< a >标签进行定义的

<a href="http://www.w3school.com.cn">This is a link</a>

target属性可以定义被连接的文档在何处显示
name属性规定锚的名称
在href属性中指定链接的地址

HTML图像
通过< img >标签进行定义

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

在src属性中引用图片，图片的名称和尺寸都是以属性的形式提供的
alt属性为替换文本属性，该值是用户定义的

HTML元素
HTML元素指的是从开始标签到结束标签的所有代码

HTML元素语法
1.HTML元素是以开始标签起始，以结束标签终止
2.元素的内容就是开始与结束标签之间的内容
3.某些HTML元素具有空内容
4.空元素在开始标签中进行关闭（以开始标签的结束而结束）
5.大多数HTML元素可拥有属性

HTML属性
1.HTML标签可以拥有属性，属性提供了有关HTML元素的更多信息
2.属性总是以名称/值对的形式出现，比如：name = “value”
3.属性总是在HTML元素的开始标签中规定
4.使用小写属性，虽然属性和属性值对大小写不敏感，但是新版本的（X）HTML要求使用小写属性
5.始终为属性值加引号,单引号和双引号都没问题，双引号是最常用的，但是在个别情况下，比如属性值本身就包含双引号，那么必须使用单引号，如：

name='Bill "HelloWorld" Gates'

HTML水平线
< hr/>标签在HTML页面中创建水平线

HTML注释

<!-- This is a comment -->

HTML折行
不产生新段落的情况下进行换行，使用< br/>标签

HTML输出
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

HTML样式
style属性用于改变HTML元素的样式
1.可以直接通过style属性将样式添加到HTML元素，或者间接地在独立的样式表中（CSS文件）进行定义
2.不赞成使用下面的标签和属性，已经被废弃，使用样式来代替

标签	描述	替换
< center>	定义居中的内容
< font> 和 < basefont>	定义 HTML 字体	ont-family、color 以及 font-size
< s> 和 < strike>	定义删除线文本
< u>	定义删除线文本

属性	描述	替换
align	定义文本的对齐方式	text-align
bgcolor	定义背景颜色
font-family、color 以及 font-size
color	定义文本颜色

HTML格式化
文本格式化标签
计算机输出标签
引用、引用和术语定义

HTML引用
1.< q>用于短的引用，浏览器通常会为< q>元素包围引号
2.< blockquote>用于长引用，浏览器通常会对< blockquote>元素进行缩进处理
3.< abbr>用于缩略词，元素定义缩写或首字母缩略语
4.< dfn>用于定义项目或缩写的定义

HTML CSS
1.外部样式表

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2.内部样式表

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

3.内联样式

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

HTML表格
表格用< table>标签
若干行用< tr>标签
每行被分割为若干单元格用< td>标签
设置border属性显示边框
无序< ul> 有序< ol>