网站开发对招聘人员要求,高中信息技术网站建设,没网站怎么做京东联盟,河南郑州旅游网站制作编程笔记 html5cssjs 007 文章排版 颜真卿《述张长史笔法十二意》 一、代码二、解释 这段代码定义了一个古文展示页面的结构和样式#xff0c;同时本文内容也是书法爱好者的珍贵资料。 一、代码
!DOCTYPE html
html langzh-CN
hea… 编程笔记 html5cssjs 007 文章排版 颜真卿《述张长史笔法十二意》 一、代码二、解释 这段代码定义了一个古文展示页面的结构和样式同时本文内容也是书法爱好者的珍贵资料。 一、代码
!DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0style/* 通用样式 */body {background-color: #666666;font-family: 宋体, sans-serif;line-height: 1.6;text-align: left;margin: 1px;padding: 2rem;}/* 文章标题样式 */.title {text-align: center;font-size: 3rem;font-weight: bold;margin-bottom: 1rem;color: #eeeeee;}/* 正文样式 */article.zw {font-family: 宋体, sans-serif;font-size: 1.2rem;text-align: left;text-indent: 2em; /* 首行缩进2个字符 */color: #dddddd;margin-left: 20%;margin-right: 20%;}/*作者样式*/article.zz {font-family: 仿宋, sans-serif;font-size: 1.1rem;text-align: left;text-indent: 2em; /* 首行缩进2个字符 */color: #00ff00;margin-left: 20%;margin-right: 20%;}/*译文样式*/article.yw {font-family: 楷体, sans-serif;font-size: 1.2rem;text-align: left;text-indent: 2em; /* 首行缩进2个字符 */color: #dddddd;margin-left: 20%;margin-right: 20%;}/* 正文段落样式 */p {text-indent: 2em;}/styletitle颜真卿《述张长史笔法十二意》/title
/head
body
div classcontainerh1 classtitle颜真卿《述张长史笔法十二意》/h1article classzwh2原文/h2p予罢秩醴泉特诣东洛访金吾长史张公(旭)请师笔法。长史其时在裴儆宅憩止已一年矣。众有师张公求笔法或有得者皆曰神妙。仆顷在长安师事张公竟不蒙传授使知是道也。人或问笔法者张公皆大笑而对之便草书或三纸或五纸皆乘兴而散竟不复有得其言者。予自再游洛下相见眷然不替。仆因问裴儆“足下师敬长史有何所得”曰“但得书绢素屏数本亦尝论请笔法惟言倍加工学临写书法当自悟耳。”/pp仆自停裴儆宅月余因与裴儆从长史言话散却回长史前请曰“仆既承九丈奖诱日月滋深夙夜工勤耽溺翰墨虽四远流扬自未为稳倘得闻笔法要诀则终为师学以冀至於能妙岂任感戴之诚也”长史良久不言乃左右盼视怫然而起。仆乃从行归於东竹林院小堂张公乃当堂踞坐床而命仆居乎小榻乃曰“笔法玄微难妄传授。非志士高人讵可言其要妙书之求能且攻真草。今以授子可须思妙。”/pp乃曰“夫平谓横子知之乎”仆思以对曰“尝闻长史九丈令每为一平画皆须纵横有象。此岂非其谓乎”长史乃笑曰“然。”/pp又曰“夫直谓纵子知之乎”曰“岂不谓直者必纵之不令邪曲之谓乎”长史曰“然。”/pp又曰“均谓间子知之乎”曰“尝蒙示以间不容光之谓乎”长史曰“然。”/pp又曰“密谓际子知之乎”曰“岂不谓筑锋下笔皆令宛成不令其疏之谓乎”长史曰“然。”/pp又曰“锋谓末子知之乎”曰“岂不谓末以成画使其锋健之谓乎”长史曰“然。”/pp又曰“力谓骨体子知之乎”曰“岂不谓趯笔则点画皆有筋骨字体自然雄媚之谓乎”长史曰“然。”/pp又曰“转轻谓曲折子知之乎”曰“岂不谓钩笔转角折锋轻过亦谓转角为暗过之谓乎”长史曰“然。”/pp又曰“决谓牵掣子知之乎”曰“岂不谓牵掣为撆锐意挫锋使不怯滞令险峻而成以谓之决乎”长史曰“然。”/pp又曰“补谓不足子知之乎”曰“尝闻於长史岂不谓结构点画或有失趣者则以别点画旁救之谓乎”长史曰“然。”/pp又曰“损谓有余子知之乎”曰“尝蒙所授岂不谓趣长笔短长使意气有余画若不足之谓乎”曰“然。”/pp又曰“巧谓布置子知之乎”曰“岂不谓欲书先预想字形布置令其平稳或意外生体令有異势是之谓巧乎”曰“然。”/pp又曰“称谓大小子知之乎”曰“尝闻教授岂不谓大字促之令小小字展之使大兼令茂密所以为称乎”长史曰“然子言颇皆近之矣工若精勤悉自当为妙笔。”/pp真卿前请曰“幸蒙长史九丈传授用笔之法敢问攻书之妙何如得齐於古人”/pp张公曰“妙在执笔令其圆畅勿使拘挛。其次识法谓口传手授之诀勿使无度所谓笔法也。其次在於布置不慢不越巧使合宜。其次纸笔精佳。其次变化适怀纵舍掣夺咸有规矩。五者备矣然后能齐於古人。”/pp曰“敢问长史神用执笔之理可得闻乎”/pp长史曰“予传授笔法得之於老舅彦远。”/pp曰“吾昔日学书虽功深奈何迹不至殊妙。后问於褚河南。”/pp曰“用笔当须如印印泥。”思而不悟后於江岛遇见沙平地静令人意悦欲书。乃偶以利锋画而书之其劲险之状明利媚好。自兹乃悟用笔如锥画沙使其藏锋画乃沉着。当其用笔常欲使其透过纸背此功成之极矣。真草用笔悉如画沙点画净媚则其道至矣。如此则其迹可久自然齐於古人。但思此理以专想功用故其点画不得妄动。子其书绅。/pp予遂铭谢逡巡再拜而退。自此得攻书之妙於兹五年真草自知可成矣。/p/articlearticle classzzh2作者介绍/h2p颜真卿709—785字清臣琅邪临沂山东临沂人终年77岁。是中唐时期的书法创新代表人物。楷书端庄雄伟气势开张。行书劲朗舒和神彩飞动。他的书法既承继了以往书风的气韵法度又不为古法所束缚突破了唐初的墨守成规书法自成一格后世称其为“颜体”。宋·欧阳修评论说“斯人忠义出于天性故其字画刚劲独立不袭前迹挺然奇伟有似其为人。”宋·朱长文《续书断》中列其书法为神品。并评说“点如坠石画如夏云钩如屈金戈如发弩纵横有象低昂有态自羲、献以来未有如公者也。”他的正书以《颜氏家庙碑》为代表摩崖大书气势磅礴以《大唐中兴颂》最著表现冲和淡远之韵致者则推《李玄靖碑》。行草遒劲秀挺古意盎然以《祭侄稿》为第一。书法史上唯一能与大书法家王羲之承先启后、交相辉映的就是颜真卿了。他生于唐代楷书大成之际因以楷书为多兼有行草。/pp《述张长史书法十二意》一文首述请教张(旭)长史传授笔法经过次述张长史以问答方式传授笔法综述古今书法异同颇有参考价值。/p/articlearticle classywh2参考译文/h2p我罢官醴泉特前往洛阳拜访金吾长史张公旭、请求学习笔法。长史当时在裴儆家休息已一年了。许多人师事张公询问笔法或有得到的都说神妙。我过去在长安二年拜张公为师竟未承蒙传授使明白此道。人有问笔法的张公皆大笑而对他们便作草书或者三纸或者五纸皆乘兴致而分发竟不复有得到他的言语的。我虽然再于洛阳相见顾念不改变。我因而问裴儆:“足下师事张长史有何所得”回答说:“只得到书写的白绢屏风数本。也曾论辩请求笔法只说加倍工夫学习摹写书法理当自己理解了。”/pp我由于停留裴家一月余的日子因同裴儆随从长史谈话分散后就回去向长史请求说:“既已承蒙老丈劝勉诱导日月加深朝夕攻学勤奋沉湎于翰墨虽然四方流传播扬名声自以为未为稳当。倘得闻听笔法要诀就终久作为师从学习以希望达到擅长书法的妙境当以恩相亲信而感激爱戴之真诚。”长史很久不言语乃左右顾盼神情严肃而起。我就随行返回东竹林院小堂张公乃当场盘屈床上而坐叫我坐在小榻上才说:“笔法深微玄妙难以轻易传授。不是志士高人岂可与谈精深微妙的义理呀书法之求得擅长应当攻学真书和草书。今天即传授给您可要思考精妙。”/pp又道:“这平画意思指横您知道它吗”我思考后即应答道:“曾听长史老丈叫每作一平画皆须多有形象。此岂不是这个意思吗”长史又笑道:“像是这样。”/pp又道:“这直画意思指纵您知道它吗”应答道:“岂不是叫直画必须纵逸它不听从使令不正直的意思吗”一长史道:“像是这样。”/pp又道:“笔画安排停匀的意思指问隙您知道它吗”应答道:“曾承蒙教导使间不容发的意思吗”长史道:“像是这样。”/pp又道:“紧密的意思指笔画出人之际您知道它吗”应答道:“岂不是叫筑锋下笔皆使宛转完成不使笔画出人疏松的意思吗”长史道:“像是这样。”/pp又道:“用笔锋的意思指笔画的端尾您知道它吗”应答道:“岂不是叫笔画的端尾以完成笔画使其笔锋雄健的意思吗”长史道:“像是这样。”/pp又道:“笔力的意思指刚劲雄健的书风您知道它吗”应答道:“岂不是使超笔点画都有气势笔力字体自然雄健媚好的意思吗”长史道:“像是这样。”/pp又道:“转角轻过意思指屈折您知道它吗”应答道:“岂不是钩笔转角折锋轻过也叫转角为暗过的意思吗”长史道:“像是这样。”/pp又道:“决的意思指牵掣您知道它吗”应答道:“岂不是为牵引为控制决意用挫锋使不要动作迟缓令险峻而成因而叫它决吗”长史道:“像是这样。”/pp又道:“弥补因为不足您知道它吗”应答道:“岂不是安排点画或有失去意趣的就用别的点画从旁补救的意思吗”长史道:“像是这样。”/pp又道:“减损因为有多徐您知道它吗”应答道:“岂不是情趣长笔画短常使笔意气势有访点画似若不足的意思吗”道:“像是这样。”/pp又道:“巧的意思作书先预想字形布置指布置您知道它吗”应答道:“岂不是要令其平稳有愈外字体令有不同的形势这称之巧吗应答道:“像是这样。”/pp又道:“均称因为字有大小您知道它吗”应答道:“岂不是大字缩短令它小小字舒展使它大兼使茂密所以为匀称吗”长使道:“像是这样。”/pp您说的颇都接近它的意思。这书艺道理的妙处鲜明呀它有旨趣字外的奇妙语言所不能穷尽。世上学书的推尊与效法二王元常高超的书迹看都未曾看一眼书法的妙趣于是乎就完全相同。献之称他“古肥”张旭亦称之“今瘦”。但今既然不同肥瘦的标准颇相反如果亲自观着阅览有不同众人的说法。张芝、钟繇的技艺情趣精微细致几乎相同本源本来机微玄妙肥瘦古今岂易使人明理达意真迹虽然很少可得而推断。逸少到了学习钟繇笔势巧字形密到他自己立意作书笔意疏朗字形舒缓。譬如讲楚语的人学习中原话不能没有楚音。讲过头话不稳妥不能作为确论。又子敬之不及逸少犹如逸少之不及元常学子敬如画虎又议论学元常如画龙。我虽不熟习久懂得它的道理不熟习心里爱慕它呀。您倘有同样的认识认识就长了一大片。你要自勉攻学专精勤奋了解自然应当能妙了。”/pp真卿前去询问道:“幸蒙长史传授笔法冒昧问擅长书法之妙怎样得以取齐于古人”张公道:“妙在执笔令得以旋转流畅不使拘泥.其次了解法则说的是口传手授的诀窍不使不依法度所说的作书的技法了。其次在于安排不要无节制、无次序超越巧妙使合宜.其次纸笔精美佳丽。其次变通适合心意纵放控制都有规矩。五者具备了然后才能取齐于古人。”“冒味问执笔的道理可得以传告吗”。/pp长史道:“我传授的笔法得之于老舅父彦远。”又道“我过去学书法虽然功夫深厚奈何书迹不能达到特妙。后来听到褚河南说用笔必须如印印泥。思考而未领悟后在江岛碰到沙平地净令人意悦想写字就偶然用利锋画而书写它、那强劲险峻的形状明利媚好。从此乃领悟用笔如锥画沙使其藏锋笔画才沉厚而不轻浮。当用笔时常欲使笔透过纸背此功业成就达到最高程度了。真草书用笔都如画沙点画明媚那用笔之道达到了。如此那书迹可以久存自然取齐于古人。只是思考此道理在专一想象技艺和使用所以那点画不得随便书写。您应当牢记这些话!”/pp我于是深切感谢,恭顺的一再叩拜而退出。从此获得攻学书法的妙道到此五年真草书自知应当成功了。/p/article
/div
/body
footer styletext-align: right;font-size: 1.5rem;font-weight: bold;margin-right: 22%;margin-bottom: 5rem;color: #ffcc00;HTMLCSSJavaScript编程配套代码 作者明月看潮生
/footer
/html二、解释
这段HTML代码定义了一个古文展示页面的结构和样式具体内容如下 文档声明!DOCTYPE html 指定这是遵循 HTML5 标准的文档。 HTML根元素html langzh-CN 表明网页使用的语言是简体中文。 头部head部分 meta charsetUTF-8 定义了网页的字符编码为 UTF-8。 meta nameviewport contentwidthdevice-width, initial-scale1.0 设置视口以适应移动设备初始缩放比例为 1:1。 style 标签内包含了一段 CSS 样式表定义了通用样式、文章标题样式、正文样式zw类、zz类、yw类、以及正文字体段落样式。这些样式涉及背景色、字体系列、字体大小、颜色、行高、文本对齐、首行缩进、边距和填充等属性。 主体body部分 包含一个 .container 类的 div 元素作为内容容器。 在容器内部首先是一个具有 .title 类的 h1 元素显示文章标题“颜真卿《述张长史笔法十二意》”。 紧接着有三个 article 元素分别应用了 .zw原文、.zz作者介绍、.yw参考译文这三个类名并在其中插入相应的文章内容。 尾部是一个 footer 元素用于显示版权信息和作者署名。 CSS样式细节 文章标题 .title 配置居中显示、大号字体、粗体、淡灰色背景和底部间距。 正文样式 .zw、.zz 和 .yw 分别对应不同的字体、大小、颜色和左右外边距同时所有正文段落均有首行缩进。 尾部 footer 样式设置了右对齐、较大字体、加粗、黄色字体颜色以及特定的右侧外边距和底部外边距。 这个页面主要功能是展示颜真卿关于书法笔法的文章及其翻译与作者简介并通过自定义CSS样式来呈现清晰美观的阅读体验。
