HTML常用操作_html行为中的常用动作-CSDN博客

本文链接：https://blog.csdn.net/peichaohang/article/details/85070705

1、网页设计师根据需求设计网页

2、前端工程师将设计做成静态网页

3、后台工程师将静态网页修改为动态网页

根据W3C标准，一个网页主要由三部分组成：结构、表现、还有行为。

结构：HTML用来描述页面的结构

CSS用于控制页面中元素的样式

Java Script用于响应操作

一个最基本的HTML页面：

<!DOCTYPE  html>
<html>  
<head>
	<meta  charset="UTF-8">
	<title>网页标题</title>
<head>
<body>
	<h1> 网页正文</h1>  #一个网页只能写一个<h1>
</body>
</html>

我们还可以将一个完整的标签称为元素
这里我们可以将元素和标签认为是一个同义词。

<h1> 一级标题 </h1>

上边h1我们就称为元素

<p>我是一个<em>段落</em></p>

p也是一个元素，em是p的子元素，p是em的父元素

<body>
	<p><em>内容</em></p>
</body>

body也是一个元素。
body是p和em的祖先元素。
p和em是body的后代元素。

可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
比如：name=“value”
有些属性可以是任意值，有些则必须是指定值。

<h1 title="我是一个标题">标题</h1>
<img src=" "  alt=" " />  #这个是用来添加图片的
# src是图片的目录和名字  alt是图片出错显示的信息

格式：
	 <!-- 注释内容-->

<!DOCTYPE html>

乱码解决：<meta charset="UTF-8"/>

<html> 编写HTML的格式
html标签中有两个子标签 head 和 body
一个网页中只有一个html

head 表示网页的元数据
head标签作为html标签的子元素出现
一个网页只能有一个head

<body> 设置网页的主题
body标签作为html的子标签使用

h1~h6都是标题，h1~h6重要性越来越低
h3以后的对搜索就没什么意义了
一个页面中只会使用一个h1标签

<p>表示网页中的一个段落

<br/> 换行标签

<hr/>水平线标签

<img/>图片标签
属性：
	src  指向一个外部的图片路径
	alt 图片的描述

小于号<  :&lt;		版权符号 ：&copy;
大于号> :&gt;		引号” ：&quot;
空格 ：&nbsp;		注册商标：&reg;
和符号& ：&amp		商标TM：&trade