HTML&CSS基础,做好测试必学前端基础

1.HTML入门:

html是超文本标记语言,不是编程语言(编程语言有变量,逻辑控制等.而html没有,是标记语言)

超文本:指网页可以包含图片,视频,链接,音乐...非文字元素

标记:一种标记符,告诉网页如何显示标记符中的内容

推荐使用的开发工具:HBuilder(国产,强力推荐),pycharm(学习python的可以使用pycharm)

HTML基本结构:

<!--

!DOCTYPE 文档声明:位于文档的首行,告知浏览器文档使用哪种 HTML 或 XHTML 规范。让浏览器通过正确的方式解析我们的网页,使网页能正常显示。 

-->

<!DOCTYPE html> 

<html> 

<head></head>

<body></body>

</html>

<>大小于符号包裹的就是标签,一般成对.

也有单标签,没有结束标签.

标签中的属性:

<font 属性名="属性值"></font>字体标签,用来改变标签中的字体大写,颜色...

常用特殊符号:

&emsp  一个中文字符长度的空格

&gt 大于> ,在网页中想要显示>符号时需要使用

&lt 小于<

&apm &符号

html中的基本标签:

<i> 字体倾斜,双标签

<b> 字体加粗,双标签

<u> 字体加下划线,双标签

<p> 段落,自动换行,默认上下间距.

<br> 换行 , 单标签

<hn>n在1~6之间,标题(加粗\自动换行),双标签

<hr> 水平线 单标签

<pre>预格式文本,双标签. (在此标签中,输入的字体格式和排版在网页中就按输入的显示)

<span> 行内标签

<div>块标签(空标签)

重要标签:

<a href="链接"  target="_blank"  title="提示内容"> 需要加入超链接的内容 </a> 超链接标签

<img src="路径" atl="图片错误时显示的内容">

表单标签form

<form action="接口地址" method="请求方法:get post">

<input type="类型" name="键名" value="值">

</form>

标签常见属性: id  name  class 用于自动化元素定位,也用于CSS选择器,id选择器,class选择器,标签选择器.

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值