初识HTML语言
1.Html文档基本结构
HTML全称为Hyper Text Markup Language,超文本标记语言,常用于开发静态网页。HTML文档由HTML元素组成,HTML元素由HTML标签 + 标签内容组成。
2.Html文档注释
什么是注释:
在编程过程中对某些代码进行标识,解释的文字。
注释的作用:
方便自己和他人更好的阅读、理解代码
如何为HTML文档添加注释。
语法结构:
注意: 注释不能嵌套,错误示例:
-->
3.HTM常用标签
Ctrl+? 快捷键行出现注释
白日依山尽
p称之为标签名称之为开始标签 align 称之为标签属性 center 是align属性的属性值 取值 left(默认值),right,center 白日依山尽 是p标签的标签内容
称之为结束标签 使用段落标记的文本内容作为一个单独的段落是添加一行分隔符,直线显示
h1-h6标签的作用的是控制标题字符大小,1最大,6最小
标签作用是控制字体
属性:
color 设置字体颜色
size 设置字体大小
face 设置字体样式
Span标签类似于font标签,对部分的文字进行设置
Size 字体大小,face字体样式
该标签一般和其他标签嵌套使用,不过在html5中该标签已经过时,推荐使用css样式来代替font标签。
img标签作用是在页面中添加图片,图片需要保存在本地项目的img文件夹中,引号中填写图片本地的存储路径。
<img src= "img/tlp.png"/>
图片大小设置标签,height ,width单位为像素PX,1600PX*900PX为电脑屏幕全屏大小.
或者用width=”100%”显示相对图片大小。
<a href="https://www.baidu.com/">百度首页</a>
是换行符,是文字进行换行显示
Ctrl+k 快捷键对代码格式重排,让代码好看
<div> </div>
内容分区域,可以用于标题和正文内容排版设置
table:表格的根标签
tr:行标签
td:单元格标签
属性:
align 设置表格的水平方向的展示位置
border 设置表格的边框粗细
bordercolor 设置表格的边框颜色
bgcolor 设置表格的背景颜色
height 设置表格的高度
width 设置表格的宽度
最后附上HTML语言学习网站
https://www.runoob.com/html/html-tutorial.html