html中字体初号的代码,html的初了解(更新中···)

本文详细讲解了HTML的基础结构,包括<title>、<url>和<body>,并介绍了常用标签如<h1>~<h6>、<a>、<img>等的使用。特别关注了编码规范、命名规则及表格、样式设置等关键知识点。
摘要由CSDN通过智能技术生成

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

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

网页的拓展名为html

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

9d4557a4bae9ab8c0f703d89eb0f9cdb.png

它的基本结构是

它的基本结构骨架为

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

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

48df1fcabe805613064f504342a40004.png

常见双标签有:

标题标签 有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 图片

%E5%9B%BE%E7%89%87%E5%90%8D

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

起名方式

标签名

Id起的 但是使用的时候加#

Class 类  但是使用的时候用.

614e29b8d397ea0d7cb7aa40af79ff2b.png

注意事项:

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

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

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

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

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

1.

f320847392e55aba8e3a3982a6ba67dc.png

注意事项:

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

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

2.(特殊)如表格 table

af6c7e8a9086164bdad4ea78c65c2638.png

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

Img插入table中

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

1fa5e7c2fb6c43ffd1dda8bfb72eb4bd.png

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

94c85cc9035a2cf68e1fe91dee05a259.png

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

colspan  水平合并单元格的个数

rowspan  垂直合并单元格的个数

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值