HTML第一天笔记

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文档中使用特殊字符

特殊字符    转义码

空格        &nbsp

版权号      &copy

注册商标    &reg

"           &quot

&           &amp

<           &lt

>           &gt


列表的标记

无序列表<ul>...</ul>

有序列表<ol>...</ol>

定义列表<dl>...</dl>

能够直接输入标记,查看标记的默认显示状态

相关文章
相关标签/搜索