初识HTML语言

初识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%”显示相对图片大小。

标签作用是在页面中增加超链接,属性名称为herf

<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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值