1-9HTML 10-12Css
使用notePad++或者系统自带的txt文本编辑。
1.HTML标记语言
1.什么是HTML语言?
一种表示网页信息的符号标记语言。
1.可以设置文本的格式,标题字号文本颜色段落等
2.可以创建列表
3.可以插入图像
4.可以建立表格
5.超链接,可以使用鼠标点击超链接来实现页面之间的跳转
2.HTML的标记和他的属性
1.文档的保存格式(.htm .html .xhtml)
2.标记和被标记内容构建出HTML文档格式
<标记>
内容
</标记>
3.标记的属性
标记的属性是用来控制我们的内容(图像和文本等的)如何显示的
格式<标记 属性1=属性值,属性2=属性值 .....>内容</标记>
3.语法不区分大小写。
4.注释
<!--zhui-->
5.代码格式
空格和回车在网页中都不会起到作用,可以用于代码的编排
在内容中无论加入多少回车和空格,显示出的网页都默认为一个。
缩进时可以用tab排版。
6.字符实体
1.什么事实体字符
想在网页上显示小于号等,不能再代码中用相应的符号,而是应该以特殊的名称代替。
2,。常用的尸体名称和字符
2HTML基本结构
<html></html>开始标记,开始和结束位置
<head></head>是HTML文件的头标记信息
用来包括文件的基本信息,如网页的标签、关键字,在head内可以放title meta style等,但是head内的内容不会再网页中显示出来
<title>HTML的文件标记信息,网页的主题,显示在浏览器的窗口的左上边
网页的标题不能太长,要端详精悍,<title>中不能包含其他的标记
<body>网页的主体,可以包含<h1><br>等标记
常见属性
.
<meta>网页内的元信息metainformation
提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键字等
必须的属性content
常见的属性:author keywords description other
注意meta必须放在head中。
3.文档设置标记
<br>强制换行,
<p>段落,负责分段。
<ul>无序列表标记
<ol>有序列表标记,可以配合<type>制定有序的形式<value>制定开始的值,列表可以进行嵌套
<dl>
<dt>
<dd>
<hr>水平分割线
<div>分区显示标记,可以用来编辑大段的Html段落,也可以用于格式化表