1.HTML入门:
html是超文本标记语言,不是编程语言(编程语言有变量,逻辑控制等.而html没有,是标记语言)
超文本:指网页可以包含图片,视频,链接,音乐...非文字元素
标记:一种标记符,告诉网页如何显示标记符中的内容
推荐使用的开发工具:HBuilder(国产,强力推荐),pycharm(学习python的可以使用pycharm)
HTML基本结构:
<!--
!DOCTYPE 文档声明:位于文档的首行,告知浏览器文档使用哪种 HTML 或 XHTML 规范。让浏览器通过正确的方式解析我们的网页,使网页能正常显示。
-->
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
<>大小于符号包裹的就是标签,一般成对.
也有单标签,没有结束标签.
标签中的属性:
<font 属性名="属性值"></font>字体标签,用来改变标签中的字体大写,颜色...
常用特殊符号:
&emsp 一个中文字符长度的空格
> 大于> ,在网页中想要显示>符号时需要使用
< 小于<
&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选择器,标签选择器.