web-day1-初识标识符
HTML
编译工具:记事本也可以
Dream weaver(Adobe公司的产品。)
Webstorm:更高级别的项目编程工具
sublime:意思是“华丽的”,“高效率的程序书写工具”,支持文本直接拖拽。
sublime快捷功能的使用:1、 <p><\p>:输入一个p然后按Tab键 ,输入标签的名称按Tab会自动生成 2、使用按住鼠标滚轮中键进行多行编辑 3、放大缩小:按住Ctrl键加滚轮 4、删除当行:Ctrll +shift+k 5、复制当行:Ctrll +shift+k
服务器返回客户端的代码有三种:html代码:控制网页结构 css代码:控制元素样式 JavaScript代码:控制元素的行为
一、格式(符号是英文符)
<html>
<head>
<title>标题</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<boby>
<font size="7" color="blue" >正文 </font>
</boby>
</html>
二、排版标记
1、<p></p>表示一个段落
常用属性:align:水平对齐方式,取值:left、centre、right
eg:<p align="right">右对齐</p>
2、换行标记(单边标记): <br>
3、水平线标记(单边标记):<hr>
# size:水平线的粗细
# color:水平线的颜色
# width:水平线的宽度
# noshade:去掉水平线的阴影(在HTML中,noshade是没有值的属性)
# eg:<hr size="1" color="blue" noshade>
4、预排版标记:<pre></pre>
#功能:将保留所有空白字符(空格、换行符),换句话说原封不动输出
#语法:<pre></pre>
5、标题标记:<h1>
#有六级标志
#align
6、空格:< >
7、<font></font>
<u>下划线 <i> 斜体 <b>加粗
8、块元素里面要套行元素
#块元素:<div>、<p>、<h1>、<h2>、<pre>、<ul>、<li>
<div> 没有任何意义标记,但又是使用最多的元素,划块一般与CSS配合使用<div> 不管内容多少总是占一行,
div{border:1px solid red;/*边框线*/}
p{border:1px solid blue;}
#行元素
(1)行内元素不会单独占一行。 (2)行内元素的宽度,主要是根据内容决定。
#内联元素,可用作文本的容器:<span>
没有任何意义, 一般配合CSS使用
9、字符实体
无序列表 项目符号:<ul> <li> 内容放在最底层标记:
<ul><li>的常用属性:(1)type :项目符号的类型,取值:disc(小黑点),circle(空心圆),square(实心方块) eg:<ul type="circle"> <li>内容</li> </ul>
#空格: (后面加分号),代表一个半角空格,一个汉字两个字节,一个字节相当于一个半角空格
编号列表(有序列表)
<ol><li>的常用属性: (1)type:编号类型(*写第一个)取值:a,A,1 格式: (2)star:从第几个字符开始编号
格式:<ol type="a" star="f"> <li>内容</li> <ol>
滚动字幕标记: 标记:<marquee> (默认:从右往左)
格式:<marquee>内容</marquee>
常用属性:Direction:滚动方向,取值:up,down,left,right Width:滚动宽度 Height:滚动高度 bgColor:滚动背景颜色 scrollAmount:滚动长值。值越大,滚动越快 scrollDelay:两步之间停留的时间,以毫秒为单位 loop:滚动次数