html第一天:css
1、html介绍html
1.计算机,高手---黑客浏览器
2.最好的学习html方法,就是参考别人的网页,源代码服务器
查看网页源代码---打开网页,鼠标右键,查看源文件框架
html很是重要。编辑器
经过一个案例,html工具
3.制做一个html网页布局
html文件是经过浏览器查看学习
4.html标记语法,书写规则优化
5.如何制做一个html网页文件
******裸奔(只有内容没有样式)
(1)、新建一个记事本的问件,将它重命名*.html
(2)、在里面输入,网页的信息内容
(3)、在要修饰的内容,两侧加上html标记
六、html标记的语法:标记分为两种:单标记、双标记
<标记符>没有结束的标记---单标记
<开始标记符></结束标记符>
******源代码中效果,并非浏览器最终的效果
网页技术发展---html4.01---xhtml1.0【主流技术】
seo100@126.com
1725210 QQ-----ICQ
div+css布局方式,从2000年,国外有了。2005在国内流行
基础—--
在xhtml中,规定,全部html标记,都要小写
全部的标记,都是要有关闭。
html-------xhtml
<br>-------<br/>
html标记语法总结:
1.双标记:<开始标记>内容</结束标记>
2.单标记:<标记>
3.标记的属性:<标记 属性1=参数1 属性2=参数2...>内容</标记>
说明:
A.标记与属性、属性之间以空格分隔
B.属性不区分前后顺序;且属性不是必需的
重点强调:虽然在html中标记不区别大小写,但在xhtml中全部标记都必须小写,
因此,建议从如今开始,全部标记都采用小写
2、html文档结构
1.作网页的---html问件---用浏览器打开
2.全部html文件都有一个基本结构---框架
*****如何调出文件的扩展名
工具---文件夹选项---查看---去掉 隐藏已知文件类型的扩展名
*****editpius快捷键,复制一行 ctrl+j
在编辑器中,html代码是有颜色区别的
html标记=蓝色
标记属性=红色
标记属性的值=紫色
html注释=绿色
未来咱们听到这此东西,其实都是一个:html元素,html标签,html标记
*************学习方法------学习的思路
记住思路--原则--思想的东西,不会了,查手册
xhtml+css
有某些,html元素,有默认的值。
推理法:----逻辑思惟
上与左是有的,若是,我证实了右边有,
*****文件都有文件名,咱们网页的文件名html文件,可不能够用中文呢。
练习1.html------在本地电脑,没什么问题,未来网页文件都是保存服务器上的,
建议都使用英文
3.重点内容复习:
html有什么做用?
控制网页内容(让浏览者看到的信息)
*******html语义说明
使用百度搜索的小技巧:-----很长的关键字,找不到时,短一些
(1)、咱们在写html代码时,流程是这样的
(2)、先写咱们的控制内容的标记,例如这内容比较重要,能够在语义上加权
<strong>关键字</strong>
这部份内容是,这个文章网页的主题---推荐使用<h1>文章标题</h1>
(3)、网页段落文字内容---<p>段落内容</p>
*****用适合的html标记去描述,咱们的网页内容----网站优化技巧
*****记住咱们写代码,或者效果的演变过程----123
在xhtml中,全部的标签都必需要用属性值,若是没有,使用属性名
例如 <hr noshade="noshade"/>-----xhtml
<hr noshade>-----html
字符格式
加粗:<b>文本</b>
倾斜:<i>文本</i>
增强语气(加粗):<strong>文本</strong>
增强语气(倾斜):<em>文本</em>
下划线:<u>文本</u>
删除线:<s>文本</s>
上标:<sup>文本</sup>
下标:<sub>文本</sub>
.段落标记:
格式:<p align="对齐方式">...</p>
属性名称 属性值 说明
align left 左对齐(默认)
center 居中
right 右对齐
.段落控制标记
段落标题
<hx align="对齐方式">...</hx>:段落标题
说明:
x取值【1~6】hx内文本会自动加粗显示。
hx针对的对象是段落,而font针对的对象的任意文本。
<br/>:换行(换行不换段)
修饰标记
水平直线<hr/>
size 属性值大小
width 宽度大小
noshade="noshade" 实体线
在HTML文档中使用特殊字符
特殊字符 转义码
空格  
版权号 ©
注册商标 ®
" "
& &
< <
> >
列表的标记
无序列表<ul>...</ul>
有序列表<ol>...</ol>
定义列表<dl>...</dl>
能够直接输入标记,查看标记的默认显示状态