写在前面:我采用vscode进行代码设计vscode:轻量级编程软件,包含多种流行语言可以满足大部分需要插件是vscode一个很强大的功能,支持中文插件等等以及智能提示的功能可以帮我们的代码编写节省很多时间为清楚显示本文所有没有使用代码块的标记均在符号内设有一个空格
HTML文档在新建后会自动生成其基本格式(如果没有生成,在代码编写区输入感叹号根据智能提示按下enter可以自动生成)基本格式如下:
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
body>
html>
HTML标记
单标记和双标记 单标记:也称空标记 无结束符比如常用的换行符< br >以及水平线定义符< hr >双标记:是指那些具有开始符和结束符的标记 内容一般书写在开始符和结束符之间比如常见的< h1 > 我是一级标题< /h1>、< p > 我是段落符< /p >后面会给到具体都有哪些标记强调一下常用的注释符
<h1>我是一级标题h1>
<p>我是段落符p>
<div>我是div盒子div>
<hr>定义水平线
<br>换行符
标记的属性值用于设计 居中显示、左右对齐、首行缩进、文本颜色、加粗显示、斜体显示、下划线等等如果没有特别说明,则所选择标记会被置为默认值 任何标记属性都有默认值
<标记名 属性1="属性值1" 属性2="属性值2" >标记名>
例如:
定义格式:
<h1 align="center">设置我居中显示h1>
定义颜色:
<h1><font color="red">把我设置为红色font>h1>
文档头部相关标记
< title>设置页面标题 位于< head >之内自定义标题后将会显示在浏览器窗口的标题栏中< meta>页面元信息标记例如:
<title>我是页面标题title>
<meta content="此处可设置网页关键字或者网页描述等等,为搜索引擎提供信息">meta>
<meta name="author 设置网页作者">meta>
文档控制标记
标题标记< h1>一级标题< /h2>最小到< h6>六级标题< /h6>一个页面仅可以使用一个一级标题可以利用align进行属性设置:右对齐right、左对齐left、居中center
<h1>一级标题h1>
<h2>二级标题h2>
<h3>二级标题h3>
<h4>二级标题h4>
<h5>二级标题h5>
<h6>二级标题h6>
<h1 align="center"> 一级标题居中显示h1>
段落标记< p>我是段落标记< /p>与标题标记一样,同样可以利用align进行属性设置style属性可以用来设置字体、颜色、尺寸 具体属性后面给到水平线标记< hr>属性设置:align对齐方式、size粗细、color颜色、width宽度换行标记< br>
文本样式标记
对于文本的颜色、大小、字体需要进行特殊设置时使用< font>< /font>颜色color、字体face、大小size
<font color="red">对我设置红色font>
<font size="5">对我设置字号大小为5font>
<font face="华文中宋">设置字体华文中宋font>
特殊标记
如下所示:注:所有字符代码引号前加了一个空格,使用时不要空格
字符代码 | 显示作用 |
---|---|
  ; | 空格符 |
< ; | 小于号 |
> ; | 大于号 |
& ; | 与 |
¥ ; | 人民币 |
© ; | 版权 |
® ; | 注册商标 |
° ; | 摄氏度 |
± ; | 正负号 |
× ; | 乘号 |
÷ ; | 除号 |
² ; | 平方2 |
³ ; | 立方3 |
<b>b>与<strong>strong>均为加粗显示 常用<b>b>
<li>li>与<em>em>均为斜体显示 常用<i>i>
<s>s>与<del>del>均为删除线 常用<s>s>
<u>u>与<ins>ins>均为下划线 常用<u>u>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)