资讯专栏INFORMATION COLUMN

html的初了解(更新中···)

番茄西红柿 / 1444人阅读

摘要:注在学习时要养成一个良好的习惯,即每次写完都随手保存,快捷键为。是万维网的核心语言标准通用标记语言下的一个应用超文本标记语言。网页的拓展名为网页由三大部分构成,分别为主题,网址和网站内容。

(注:在学习时要养成一个良好的习惯,即每次写完都随手保存,快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。)

html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。

网页的拓展名为html

网页由三大部分构成,分别为title(主题),url(网址)和body(网站内容)。

它的基本结构是<标签名> 

它的基本结构骨架为

  

    

    

  

  

  

其中的utf-8是国内的编码,若不使用,就可能因为文字编码不同,输入文字时出现乱码现象。

标签又分为两种:单(空)标签和双标签

常见双标签有:

标题标签 有6个 从h1到h6

html title head body 

p(段落标签)b(加粗标签)style(样式标签)  i (倾斜标签)  sup(上标标签)  sub (下标标签)  a(超链接)

em(小图标的)div (盒子标签)  span (内敛标签) table(表格标签)tr(行标签) td(单元格标签)等···

常见单标签有:

单标签   


(分割线)   
(
换行)   (网页元信息)

特殊:

 

Html特有的注释  

 

 

 

a  超链接

 

内容

 

a有 两个属性  一个是 href  值是需要跳转的页面地址  

 

另一个是target跳转页面打开的方式  _blank  _self(默认的)

img 图片

 img的属性     是src是图片的路径

 

起名方式

 

 

  1. 标签名
  2. Id起的 但是使用的时候加#
  3. Class 类  但是使用的时候用 .

 

 注意事项:

起名要规范  不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母

起名的目的就是为了给他添加样式  style 

html中的如果想改变形式,就要在基本结构骨架的基础上,再添加其它改变形式的代码,如想要添加表格要加

,想要把字体加粗就要加,想要把字体倾斜就要加等,

或在标签名或style中添加属性和属性值,(注:有些特殊的只能在标签名中添加)如:

1.

注意事项:

(1)书写规范 { } 是shift+[ 出来 { }

(2)起名规范  不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母

 2.(特殊)如表格 table

 

border 是决定边框粗细的属性  cellspacing 是单元格空间的属性  cellpadding 是单元格内部的边距的属性。

Img插入table

如果在表格中插入图片时出现有余白,如:

 

则需要在style中的img中加一组属性vertical-align:middle;

如果想合并单元格时需要在td中加入

colspan  水平合并单元格的个数

rowspan  垂直合并单元格的个数

表格中套表格要在table中再加一组table(注两组table)要用起名方式区分开,不然一旦设置大表格的table时小表格的table数值也会自动被识别和大表格的属性值一样,出现的后果就是表格被撑坏。

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1828.html

相关文章

  • CSS的初了解更新&#183;&#183;&#183;)

    摘要:在前面,我们学习了的结构基本骨架起名方式和选择器,接下来,我们就要学习了。首先,我们要知道是什么。全称叫层叠样式表,作用是给添加样式,添加属性。宋体同时浏览器对三种引入方式的选择关系是行间行内外部引入键值对就是属性属性值也就是的结构在前面,我们学习了html的结构、基本骨架、起名方式和选择器,接下来,我们就要学习CSS了。 首先,我们要知道CSS是什么。 CSS 全称叫层叠样式表,作用是给h...

    李昌杰 评论0 收藏0
  • html的进一步了解更新&#183;&#183;&#183;)

    摘要:子代选择器的书写方式注标签嵌套只有一层关系后代选择器的书写方式注标签嵌套可以有多层关系包含一层交集选择器的书写方式注不能把标签写在后面(接上一次) 属性:表示事物的一些特征 属性又可分为两种: 标签属性和样式属性 两者的区别: 位置不一样 样式属性写在style中 标签属性写在标签内   写法不一样 样式属性是属性:属性值 标签属性是属性=属性值 选择器: 1、标签选择器 2、id选择器 3...

    songjz 评论0 收藏0
  • css的再深入6(更新&#183;&#183;&#183;)

    摘要:宋体雪碧图宋体我们的宋体和宋体中有三个属性可以向服务器发送请求,宋体。宋体类型,客户端和服务器之间的暗号,根据拓展名而定。注内容包含图片和文字 background-position  雪碧图 我们的html和css中有三个属性可以向服务器发送请求,src href url。 overflow   (1) 值hidden 超出就隐藏   (2) 值scroll  出现滚动条   vis...

    Bowman_han 评论0 收藏0
  • CSS的再深入3(更新&#183;&#183;&#183;)

    摘要:而第一个依然存在,所以就会叠加。宋体行级加只要加了,这个元素就会脱离标准文档流行级元素加了,脱离了标准文档流,会变得块不像块,行不像行,能设置快高,能并排排列,则也不用给行级标签加了,没有意义。在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right;(左浮/右浮) ...

    RayKr 评论0 收藏0
  • css的再深入7(更新&#183;&#183;&#183;)

    摘要:宋体可以继承的属性有哪些宋体系列宋体系列宋体的值的问题宋体四个值的顺序是宋体左上宋体右上宋体右下宋体左下。宋体在宋体下宋体为负让元素居中,前提是知道元素的宽高。宋体如宋体正常状态宋体宋体设值时1.transparent 透明的 2.placeholder 提示语 写页面 搞清结构层次, 保证模块化,让他们之间不能受到影响 (1)元素性质 (2)标准流 浮动带来的脱离文档流撑不起父级的高度...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<